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

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

转载最新推荐文章于 2019-11-20 22:37:06 发布 · 1.9k 阅读

文章标签：

#ie #tabs #border #url #web

CSS 专栏收录该内容

48 篇文章

订阅专栏

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

damon08708

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

IE6中伪类hover的使用及BUG说明

11-30

但在IE6中，当`:hover`的样式与普通`a`元素样式完全相同时，`:hover`伪类不会被触发，因此`a:hover span`的样式更改不会生效。这是因为IE6要求`:hover`至少有一个属性值与原始`a`元素不同，才会识别并应用`:hover`...

csshover.htc在IE7下使用:active伪类无效解决方法

12-13

csshover 相信做前端开发都知道，IE6、IE7都不支持:active伪类，IE6更甚，连:hover伪类都不支持。为了解决这个问题，一般都会引入一个csshover.htc文件来解决。目前该文件版本为3.11，如果你发现自己使用的不是...

参与评论您还未登录，请先登录后发表或查看评论

:hover在IE6的使用

嘿嘿嘿

04-09

284

在IE7+及FF浏览器中，:hover伪类可以用于任何对象，但在IE5、IE6中，:hover伪类仅能用于a（超链接）对象，且该a对象必须要拥有href属性。下面是一个鼠标悬停弹出层的代码： -------------------------------------- <style type="text/css"> #a{width:100px;height:100px;ba...

解决IE6下hover失效问题

止水

08-07

944

IE6只支持 a:hover ，标签 a 以外的hover在IE6下无效，解决办法如下：在html页面（而不是css文件）中设置样式， body { behavior: url(css/hover.htc); } 其中hover.htc文件的内容如下： /** * Pseudos - V1.30.050121 - hover & active * ------

万恶的 ie6 之 a:hover

alwayscode

02-25

161

工作中又碰到棘手的ie6问题。在 ie7,ff中都正常，ie6中 a:hover竟然神奇的不管用了。再试了N种办法后，竟然发现在a:hover 上添加 background：none，竟然可以了。上网搜了下，原来是： [url]http://www.w2blog.net/view/353.html[/url] 所以IE6的bug就是如果a 与 a:hov...

关于CSS在IE6以下浏览器不支持:hover伪类的解决方式

C860_zy的专栏

10-30

3384

今天在W3Cfuns看到这么一篇文章（http://www.w3cfuns.com/thread-347-1-1.html），自己也亲自去测试了一下，很霸气，特别是IE在CSS的实现方式上其实还是下了功夫，只是没有走对路线而已，o(∩∩)o...哈哈。。。 IE6对hover伪类只是部分支持，但是在我看来，一些常用的标签貌似都不能够支持hover。那么，其实对于IE6以下的浏览器来说，

IE浏览器中a:hover设置background失效的解决方法

Freewind的专栏

06-05

5797

hover伪类在IE中有bug以前貌似在网上看到过，但是实际应用中没碰到过，今天正好有个页面需要做一个导航栏，结果a:hover设置background后在IE下是无法显示背景的。 html： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

【css】a:hover 设置上下边框在 ie6 和 ie7 下失效

u011927449的博客

11-20

165

前段时间在写样式的时候发现了这个问题，虽然当时就解决了这个 bug 不过还是记录下，以免再次出现这样的问题。 demo 代码： <!doctype html> <html lang="en"> <...

ie6不支持形如a:hover span{} bug

diaosheng8387的博客

07-16

170

在a:hover{}写入任何属性，color啊，font-size啊，overflow啊（甚至是不存在的属性，如xx:yyy），都可以使a:hover span{}有效。 #nav a:hover{display:block;background:#333;color:#CCC;}/*在ie6下至少写一个属性，否则下面样式无效*/#nav a:hover .en{display:inl...

IE6 中 a:hover 的bug

香巴拉

08-09

1035

转自：http://ued.taobao.com/blog/2007/03/05/ie6-hover-bug/ 如上图，在制作数码热销排行的页面时，每种手机的图片都是固定的160×120大小，但是出于页面美观及内容可读性的考虑，在列表页上图片都压缩为原大小的50%显示；也就是80×60像素大小。不过当用户将鼠标移动到缩略图上时，我们会按原图大小显示出来。类似的效果在抓虾上也被应用在显

IE6 中 a:hover 的bug （转）

讲不出再见

09-12

630

IE中伪类hover的使用及BUG

09-25

这种方法利用了IE6对a标签:hover支持良好的特性，尽管对于li元素本身来说不支持:hover。文章继续讨论了IE6中:hover伪类的具体BUG，并提供了一种特殊的CSS声明方法来绕过这个BUG。这种方法涉及尝试改变元素的不同...

Abaqus 2024安装教程及下载

最新发布

12-29

Abaqus 2024安装教程及下载

基于Spring Boot框架的大学生体测管理系统的设计与实现源码.zip

12-29

基于Spring Boot框架的大学生体测管理系统的设计与实现源码.zip

FatFs中文资料API函数详解

12-29

先看效果： https://renmaiwang.cn/s/pf9m7 FatFs相关中文资料及全部API函数的应用说明

股票投资预测与市场情绪分析系统_一个结合了机器学习自然语言处理与量化金融模型的综合性开源平台旨在通过分析历史股价数据财务报表宏观经济指标社交媒体情感新闻舆情以及市场突发.zip

12-29

手机蓝牙控制LED灯设计

12-29

先看效果： https://renmaiwang.cn/s/jkhfz Hue系列产品将具备高度的个性化定制能力，并且借助内置红、蓝、绿三原色LED的灯泡，能够混合生成1600万种不同色彩的灯光。整个操作流程完全由安装于iPhone上的应用程序进行管理。这一创新举措为智能照明控制领域带来了新的启示，国内相关领域的从业者也积极投身于相关研究。鉴于Hue产品采用WiFi无线连接方式，而国内WiFi网络尚未全面覆盖，本研究选择应用更为普及的蓝牙技术，通过手机蓝牙与单片机进行数据交互，进而产生可调节占空比的PWM信号，以此来控制LED驱动电路，实现LED的调光功能以及DIY调色方案。本文重点阐述了一种基于手机蓝牙通信的LED灯设计方案，该方案受到飞利浦Hue智能灯泡的启发，但考虑到国内WiFi网络的覆盖限制，故而选用更为通用的蓝牙技术。以下为相关技术细节的详尽介绍：1. **智能照明控制系统**：智能照明控制系统允许用户借助手机应用程序实现远程控制照明设备，提供个性化的调光及色彩调整功能。飞利浦Hue作为行业领先者，通过红、蓝、绿三原色LED的混合，能够呈现1600万种颜色，实现了全面的定制化体验。 2. **蓝牙通信技术**：蓝牙技术是一种低成本、短距离的无线传输方案，工作于2.4GHz ISM频段，具备即插即用和强抗干扰能力。蓝牙协议栈由硬件层和软件层构成，提供通用访问Profile、服务发现应用Profile以及串口Profiles等丰富功能，确保不同设备间的良好互操作性。 3. **脉冲宽度调制调光**：脉冲宽度调制（PWM）是一种高效能的调光方式，通过调节脉冲宽度来控制LED的亮度。当PWM频率超过200Hz时，人眼无法察觉明显的闪烁现象。占空比指的...

（32页PPT）金秋九月十月主题中秋国庆露营DIY主题活动方案34.pptx

12-29

（32页PPT）金秋九月十月主题中秋国庆露营DIY主题活动方案34.pptx

IE6兼容性问题解决方案：边距与分页样式调整

本文档主要关注的是IE6浏览器的兼容性问题，特别是针对开发者在实际开发过程中遇到的一些棘手问题。首先讨论的是关于列表项...同时，作者鼓励读者在评论区分享自己的IE6/7/8 bug和解决方案，共同促进知识的交流与积累。