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

最新推荐文章于 2019-11-20 22:37:06 发布

damon08708

最新推荐文章于 2019-11-20 22:37:06 发布

阅读量1.9k

点赞数

分类专栏： CSS 文章标签： ie tabs border url web

CSS 专栏收录该内容

48 篇文章

订阅专栏

本文详细介绍了在使用IE6浏览器时遇到的a:hover背景消失的问题，并提供了一个解决办法：通过在:hover伪类中添加zoom:1和padding:0来确保背景图像的正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。