您的位置:首页 > 其它

IE6bug整理(hover a:hover) IE6 a:hover 无效

2011-10-08 18:39 253 查看


IE6bug整理(hover a:hover span)

By Diaoyude | 发布时间: 08-23 16:38 | Hits:857 | Post
in: WEB前端 , Div-Css

ie6 a:hover span

今天在项目中遇到了这样的一个怪事,IE6 a:hover 背景不消失

最后找到了解决办法,对hover加上 #tabs1 a:hover {zoom:1; padding:0}

<title>ie6 a:hover span bug</title>

<style type="text/css">

<!--

body {

margin:0;

padding:0;

}

img {

border: none;

}

#tabs1 a span {

display:block;

background:url("1.jpg") no-repeat;

width:110px; height:30px;

}

#tabs1 a:hover {zoom:1; padding:0}

#tabs1 a:hover span {

background:url("2.jpg") no-repeat

}

-->

</style>

</head>

<body>

<div id="tabs1">

<a href="#"><span> </span></a>

</div>

</body>

</html>

补充:IE6 如果要a:hover (鼠标移上去)有效,href必须不为空;

原文链接:http://www.diaoyude.cn/view_article_259.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: