关于导航栏不能显示鼠标悬停便图片问题
我的导航是用<ul><li></li></ul>写的，由于每个栏目宽度不同，所以我把鼠标悬停 .ul li a:hover{display:block; width:100%; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}这段css代码写成了内联的css样式
是这样写的
<div class="menu">
<ul>
<li style="width:112px; a:hover{display:block; width:100%; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}"><a href="index.html"></a></li>
<li style="width:120px; a:hover{display:block; width:120px; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}"><a href="tintoduce.html" ></a></li>
<li style="width:119px; a:hover{display:block; width:119px; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}"><a href="news.html"></a></li>
<li style="width:104px; a:hover{display:block; width:104px; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}"><a href="product.html"></a></li>
<li style="width:104px; a:hover{display:block; width:104px; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}"><a href="team.html"></a></li>
<li style="width:115px; a:hover{display:block; width:115px; height:23px; padding:0px; margin:0px; background:url(images/menu1.gif);}"><a href="contact.html"></a></li>
</ul>
</div>
但是没有效果是怎么回事呢？ 谁能给我写一下正确的写法，能写出来的还有另加10分
修改一下 第二行是 .menu ul li 少写了一个 menu 而且用我下面的代码的时候，并没有写上面这段代码
最新回答
三生路
2024-11-26 11:00:03
追问
修改一下 第二行是 .menu ul li 少写了一个 menu 而且用我下面的代码的时候，并没有写上面这段代码
追答
无标题文档
.menu ul li a:hover{display:block; width:100%; height:23px; padding:0px; margin:0px; background:url(未标题-1.jpg);}
111
1111111
111111111
1111111
11111111
11111111
追问
谢谢啦 这样写的话 所有的都是一种背景，但是因为我的图片上有文字的，我要实现的是每个li 添加不通的背景，因为是不同的栏目
追答
你可以和每个LI设置一个class ，这样就能一个一个的控制了。
热门标签
