Двойной background в CSS

12
Geers
На сайте с 12.04.2011
Offline
487
#11
sir Nicholas:
http://htmlbook.ru/blog/dva-fona-i-bolshe Только в css3, иначе создаем еще один див и через него прописываем фон.

<body>
<div class="fon_2">

cod site

</div>
</body>

<div class="fon_2"> внутри body разве не закроется автоматом первым же встретившемся</div>? :)

Может так тогда?

<body class="fon_2">


---------- Добавлено 13.11.2012 в 18:34 ----------

=DEREK=:
как же этого не хватало в css2 :)

Это точно.. :)

sir Nicholas
На сайте с 18.04.2012
Offline
146
#12
Geers:
<div class="fon_2"> внутри body разве не закроется автоматом первым же встретившемся</div>? :)

Нет конечно.

Geers
На сайте с 12.04.2011
Offline
487
#13
sir Nicholas:
Нет конечно.

Ок, понял.

Получается это без CSS3 реализовать можно.

Первый фон для body, второй для класса fon_2? правильно я понял?

В общем разберусь.. Всем спасибо! :)

sir Nicholas
На сайте с 18.04.2012
Offline
146
#14
Geers:
Ок, понял.
Получается это без CSS3 реализовать можно.
Первый фон для body, второй для класса fon_2? правильно я понял?

Да, по крайней мере я так делаю постоянно. CSS3 не все браузеры поддерживают к сожалению. :)

dma84
На сайте с 21.04.2009
Offline
168
#15

sir Nicholas, прочитал как Stu Nicholls. Долго думал)

kazakdona
На сайте с 05.03.2007
Offline
128
#16

Тоже столкнулся с такой проблемой 3 фона картинки сделал единым фоном.


background:url(images/fon-top2.png) top left no-repeat,
url(images/fon-bot2.png) bottom left no-repeat,
url(images/f2.jpg) #FFFFFF left repeat-y;

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

Теперь прийдется переверстывать.

Может есть решение как такой фокус сделать хотя бы для IE8 ?

Казачий стан - все о казачестве. ( https://kazakdona.ru )
dkameleon
На сайте с 09.12.2005
Offline
386
#17
kazakdona:
Может есть решение как такой фокус сделать хотя бы для IE8 ?

хакайте:

http://stackoverflow.com/questions/4465673/multiple-background-images-ie8

Дизайн интерьера (http://balabukha.com/)
С
На сайте с 26.08.2012
Offline
3
#18
Olldman:
Один рисунок элементу html, второй - элементу body.

Все верно! сам так делал раньше. Просто и кросс-браузерность выдерживается без ошибок.

симбирцит (http://simbircit.undoriya.ru) купить симбирцит (http://xn--90anbar0aco8a.xn--p1ai/)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий