несколько фоновых фото в css

Question

это то, что я пытаюсь сделать ...

ul#newnav a{ /*--This is basically the hover state of navigation--*/
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;}

ul#newnav a{ background: url(images/navpic.png) no-repeat top left;}

и, конечно, он загружает только последний, но в любом случае я могу загрузить оба.

Answer 1

Вы можете использовать: псевдокласс hover

ul#newnav a{ background: url(images/navpic.png) no-repeat top left;}

ul#newnav a:hover { /*--This is basically the hover state of navigation--*/
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;}

См. Динамические псевдоклассы:: hover,: active и: focus

В CSS3 вы можете иметь несколько фонов для элемента

См. Несколько фонов с CSS3

Answer 2

С помощью CSS вы можете использовать только один фон за раз. Вы можете попробовать создать несколько слоев и поместить фоны в каждый слой, если они содержат прозрачные пленки.