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;}

请参阅The dynamic pseudo-classes: :hover, :active, and :focus

在CSS3中，您可以为元素设置多个背景

参见 Multiple backgrounds with CSS3

Answer 2

使用CSS，您一次只能有一个背景。如果它们包含透明度，您可以尝试在每个图层中设置多个图层并放置背景。