Двойной background в CSS

12
Geers
На сайте с 12.04.2011
Offline
487
6443

Добрый день..

Подскажите, как применить двойной background-рисунки к странице? в body на задний план получается.

Т.е. имеются два рисунка, например один поместить в самый вверх страницы, другой в самый низ..

sir Nicholas
На сайте с 18.04.2012
Offline
146
#1

http://htmlbook.ru/blog/dva-fona-i-bolshe Только в css3, иначе создаем еще один див и через него прописываем фон.

<body>

<div class="fon_2">

cod site

</div>

</body>

C
На сайте с 04.02.2005
Offline
291
#2

<body>

<div id=top>

div id=bottom></div>

<div>

</body>

#top{bacground: url(top) 0 top}

#bottom{bacground: url(bottom) 0 bottom}

Geers
На сайте с 12.04.2011
Offline
487
#3

Это не привязка к body к сожалению, а к элементу.. :)

Мне надо на всю страницу, а позиции я например укажу сам.

Т.е. как в страницу добавить два фоновых рисунка, например на главную в html формате с помощью css?

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

Chukcha:
<body>
<div id=top>
div id=bottom></div>
<div>
</body>
#top{bacground: url(top) 0 top}
#bottom{bacground: url(bottom) 0 bottom}

Спасибо! но это не то..

Olldman
На сайте с 21.04.2010
Offline
79
#4

Один рисунок элементу html, второй - элементу body.

Geers
На сайте с 12.04.2011
Offline
487
#5
Olldman:
Один рисунок элементу html, второй - элементу body.

Это как? такое возможно?

sir Nicholas
На сайте с 18.04.2012
Offline
146
#6
Geers:
Это не привязка к body к сожалению, а к элементу.. :)

Да ну, а в чем разница, хуже отображается? :)

=DEREK=
На сайте с 07.05.2009
Offline
130
#7
Geers:
Это как? такое возможно?

Возможно, html и body такие же html элементы как и другие. К ним можно применять css свойства. Может это не совсем идеологически правильно, но работать будет. Но лучше всего добавить контейнер.

Показываю фокусы с Drupal (/ru/forum/526565)
IL
На сайте с 20.04.2007
Offline
435
#8
Geers:
Подскажите, как применить двойной background

С использованием Css3 можно так

background-image: url(top-image.jpg), url(bottom-image.jpg);
background-position: center top, center botom;
Geers:
Т.е. как в страницу добавить два фоновых рисунка

Ох, чего-то я не понимаю...

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
Geers
На сайте с 12.04.2011
Offline
487
#9
ivan-lev:
С использованием Css3 можно так
background-image: url(top-image.jpg), url(bottom-image.jpg);

background-position: center top, center botom;

Помоему то что надо, а как background-position: определяет какие позиции применить к какому-то рисунку? или по последовательности получается?

=DEREK=
На сайте с 07.05.2009
Offline
130
#10
Geers:
Помоему то что надо, а как background-position: определяет какие позиции применить к какому-то рисунку? или по последовательности получается?

да, по порядку изображений. порядок background-image должен соответствовать background-position. как же этого не хватало в css2 :)

12

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