2 background images css

Posted Wed, 09/01/2010 - 09:11

Всем доброе утро! :) Недавно у меня возникла необходимость в использовании 2х фоновых изображений (2 background images) для тега <body>. Потратив на поиски рабочего решения пол дня - я всетаки нашел его! Итак вот оно:

html {
        background:#000 url(img/body-bottom.png) no-repeat 53% 98%;
}

body {
        background:url(img/body-top.png) no-repeat center top;
}

Т.е. как вы видите, мы использовали фоновое изображение для тега <HTML>, в нем же мы задаем и цвет фона, т.к. если мы зададим цвет фона для тега <body>, то его просто не будет видно, потому-что цвет от тега <html> перекроет его.

Внимание! Данный способ не работает в Internet Explorer 5 )))

Comments

Anonymous's picture

Все классно, пока body больше

by Anonymous - 03/26/2012 - 17:25

Все классно, пока body больше высоты страницы, иначе из под него будет торчать фон :)

Anonymous's picture

reply

by Anonymous - 09/24/2010 - 14:57

If you want to buy a house, you will have to receive the personal loans. Furthermore, my mother always takes a short term loan, which occurs to be the most firm.