Question

我有一个菜单，我只想更改其中一个菜单项的背景图片。

在下面的css中，当前背景图片是menu-ul.jpg，我需要额外的背景图片来获取＆＃34;胶囊＆＃34;菜单项为menu-ul2.jpg

这是我当前的菜单html：

<ul class="menu">
<li><a href="index.htm"><strong>home</strong><span></span></a></li>
<li><a href="products.htm"><strong>Products</strong><span></span></a>
<ul>
<li><a href="dew_drops.htm">Dew Drops</a></li>
<li><a href="capsules.htm">Capsules</a></li>
<li><a href="salvation_balm.htm">Salvation Balm</a></li>
</ul>

这是处理菜单项背景图片的css片段：

.menu ul {
position:       absolute;
padding:        -3px 10px;
top:            -999em;
width:          107px;
background:     url(../images/menu-ul.jpg) left top repeat;
}

非常感谢任何帮助......谢谢。

梅格

Answer 1

您可以通过向要更改的列表项添加类来达到该效果。

将此添加到您的CSS

.menu ul li.capsule {
 background:     url(../images/menu-ul2.jpg)
}

这是你的HTML

<li class="capsule"><a href="capsules.htm">Capsules</a></li>

当然还有很多其他方法......

将不同的背景图像添加到ul li中的菜单项

1 个答案: