Joomla Mutiple фоны в то же время

Question

Joomla Mutiple фоны в то же время

0

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

код У меня есть:

body{
height:100%;
width:100%;
background: 
url("../images/background/top-img-bg.jpg") no-repeat center top,
url("../images/background/bottom-img-bg.jpg") no-repeat center bottom,
url("../images/background/overlay-pattern.png") repeat-x left top;
}

Я хочу, чтобы на верхнюю часть была обрамлена картинка, снимок изображения снизу и изображение, которое перекрывает весь фон.

http://jsfiddle.net/8LtEk/

Pietje 123 13 март 2014, в 19:35

Источник

Теги:

html

css

joomla

1 ответ

Ещё вопросы

Brian Bolli · Answer 1 · 2014-03-13T16-44-00.000Z

Попробуйте взломать ваш css в отдельные инструкции, как показано ниже. Использование запятой для разделения отдельных фоновых изображений и сохранения того же порядка для любых других фоновых свойств:

background-image: url("../images/background/top-img-bg.jpg"), url("../images/background/bottom-img-bg.jpg"), url("../images/background/overlay-pattern.png");
background-position: center top, center bottom, left top;
background-repeat: no-repeat, no-repeat, repeat-x;

Кроме того, это одна из тех функций CSS3, в которых поддержка браузера может быть виновником.