css - 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