Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 13.08.2011 15:11

chestah
Новичок
Зарегистрирован: 25.06.2011
Сообщений: 11

Множественный background

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

Код:

.bg1 {
    background: #000 url(img1.gif) repeat-x top;
}
.bg2 {
    background: transparent url(img2.gif) repeat-x bottom;
}

однако же, не работает. Есть какие-нибудь мысли кроме вложенных дивов?

Нет на форуме

 

#2 13.08.2011 15:26

vashurin
Moderator
Зарегистрирован: 14.09.2010
Сообщений: 287
Вебсайт

Re: Множественный background

chestah написал:

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

Код:

.bg1 {
    background: #000 url(img1.gif) repeat-x top;
}
.bg2 {
    background: transparent url(img2.gif) repeat-x bottom;
}

однако же, не работает. Есть какие-нибудь мысли кроме вложенных дивов?

А чем плохи вложенные блоки?
Если так принципиально, то можно заняться извращениями, т.е. для браузеров с поддержкой CSS 2, поиграть со свойствами :befor и :after , а для IE 6, через expression добавлять элементы в объектную модель документа и прописывать им фоны...


С уважением, Вашурин Владимир.

Нет на форуме

 

#3 13.08.2011 16:13

alemiks
Опытный
Откуда: Voronezh
Зарегистрирован: 09.04.2010
Сообщений: 256
Вебсайт

Re: Множественный background

chestah написал:

Есть какие-нибудь мысли кроме вложенных дивов?

только дождаться поддержки множественных фонов из css3 всеми браузерами (сейчас только в сафари)

Нет на форуме

 

#4 13.08.2011 16:35

dark-demon
Moderator
Зарегистрирован: 23.02.2011
Сообщений: 229

Re: Множественный background

>однако же, не работает. Есть какие-нибудь мысли кроме вложенных дивов?
разве что с помощью js или xslt добавлять вложенные дивы..

Нет на форуме

 

Board footer