想做导航时鼠标滑过导航的栏目时，导航栏目的背景发生变化，目前罗列下我使用的方法，存在的更多方法需要我去发现学习！
1. <li><a>首页</a></li>
<li><a>新闻</a></li>
--------------- li a{display:block;backgroud:#39c;}
li a:hover{backgroud:#efc;}
就是在li中放入a标签，并把它设置块级元素，通过a:hover达到滑过li的效果。
2. li:hover
在IE7，IE8测试很成功，这种方法简单且节省代码，当时还窃喜，转到IE6发现不兼容。网上有人说css1.1里:hover伪类只能用在a 标签上，css2.0 以后可以用于所有标签。也就是说，只能等IE6及之前的浏览器淘汰后才可行.[转自网上]
例子：
<head>
<style>
* {margin:0; padding:0;}
ul {list-style:none;margin:100px;}
li {height:100px; width:100px; background:#000; font-size:12px; color:#fff; position:relative;}
li span {display:none;}
li:hover span{display:block; text-decoration:none;width:100px; height:100px; background:#c00; position:absolute; top:50px; left:50px; color:#fff;}
</style>
</head>
<body>
<ul>
<li>鼠标移过来触发我吧！<span >出现了！</span></li>
</ul>
</body>
扫一扫
517
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
