CSS这个效果IE6怎么做,最好是全兼容的,谢谢
发布网友
发布时间：2022-05-16 17:09
共4个回答
热心网友
时间：2022-05-16 18:38
2.因该是li标记把a标记包起来，理论上，a是内联标记，li是块标记，一般是li包含a
3.:hover伪类，设置对象在其鼠标悬停时的样式。但是IE6及以下版本（除了a标记以外）不兼容。
所以有两种选择：
1。使用a,代码如下：
<html>
<head>
<style type="text/css">
<!--
ul{overflow:hidden;}
ul li{width:15px; height:22px; float:left; display:inline;}
ul li a{width:15px; height:22px; line-height:22px; text-align:center; color:#aaa;font-weight:bold; }
ul li a:hover{color:#FFf;font-weight:normal;background: url('anniu1.gif') center no-repeat; }
-->
</style>
</head>
<body>
<ul>
<li><a href="#">热门搜索</a></li>
<li><a href="#">热门搜索</a></li>
<li><a href="#">热门搜索</a></li>
</ul>
</body>
</html>
这个效果使用js反而复杂就不附代码了
热心网友
时间：2022-05-16 19:56
<head>
<style type="text/css">
<!--
a,li{color:#aaa;font-weight:bold; }
a:hover{color:#FFf;font-weight:normal;background: url('anniu1.gif') center no-repeat; }
-->
</style>
</head>
<body>
<ul>
<li><a href="#">热门搜索</a></li>
<li><a href="#">季热卖</a></li>
<li><a href="#">漂亮内衣</a></li>
</ul>
</body>
</html>
热心网友
时间：2022-05-16 21:31
热心网友
时间：2022-05-16 23:22
