<style type="text/css">
a{
text-decoration:none;
}
a img{ /* 默认隐藏图片 */
display:none;
border:none;
}
a:hover img{ /* 鼠标经过时，显示图片 */
display:inline;
}
</style>
</head>
<body>
<a href="#">菜单项目<img src="images/icon1.png" /></a>
</body>
IE6下鼠标经过不显示图片：
IE7下鼠标经过显示正常：
为什么会如此呢？是因为ie6在a元素的hover伪类不具有Layout特性。
解决方法：通过css激活伪类的Layout特性，给a:hover设置zoom:1
a:hover{
zoom:1;
}
问题解决，图片正常显示
扫一扫
281
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
