Как исправить background c :after?

Question

[Дима Соколов]

body{
background-color: #000;
}
body:after{
content: "";
opacity: 0.2;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
background-image: url(../images/bg.png);
}

Изображения на дублируются только на протяжении первого экрана, а потом картинок нет.

Answer 1

[Александр Филиппенко]

А зачем так сложно? Можно к body задать background-color и background-image отдельно.
Или несколько background через запятую перечислить.

Comments

[Дима Соколов]

Нужна прозрачность для картинки на bg

[Александр Филиппенко]

Дима Соколов: понял. Не заметил opacity. Тогда просто position: relative; к body

[Александр Филиппенко]

Это при условии что высота body рассчитывается правильно. Иногда использование float в вёрстке приводит к необходимости колдовать с контейнерами, ставить им display: table; убирать возникшие при этом косяки...

[Дима Соколов]

Александр Филиппенко: Спасибо !

Answer 2

[Павел]

background: url(../images/bg.png) top center repeat-x; или background: url(../images/bg.png)  center center  repeat-y;

Или я не понял вопроса?