CSS фон на сайте, как создать?

Question

[Павел]

пример сайта marisapassos.com
поверх видео лежит рябь которая описана в css #pattern

возможно ли, и если да, то как, сделать такой эффект не поверх видео, а поверх другого изображения?

Answer 1

[bob_cody]

А множественные фоны?
Изящно решают проблему, если есть .png картинка ряби.

Comments

[Павел]

спасибо

Answer 2

[Алексей Уколов]

Весь эффект заключается в наложении поверх видео картинки с чередующимися серыми и прозрачными пикселями. Естественно, наложить эту картинку можно на что угодно.

Comments

[Павел]

а для применения к фону сайта - получается, что вся суть в #body:after ?

[Алексей Уколов]

Павел: вся суть в том, что поверх нужного элемента кладется другой элемент с полупрозрачным фоном.
Но для фона сайта, скорее всего, проще использовать множественные фоны или вообще наложить картинку в фотошопе и загружать уже с сеткой.

Answer 3

[Дмитрий Антонов]

Берёшь вот это marisapassos.com/images/pattern.png сохраняешь.... потом берешь делаешь блок див, для него прописываешь позитион релатив.... потом берешь вставляешь свою картинку в этот блок и ту даже рядом вставляешь еще 1 блок див с позицией абсолюте и задаешь высоту 100% и ширину 100% , потом задаешь z-index 10 к примеру и последнее самое главное это вставить background с тем изображением что я скинул в сылке. вроде все.

Comments

[Павел]

спасибо

[Дмитрий Антонов]

Ну если всё гуд то жми ставь галку) и поехали дальше)