工作中又碰到棘手的ie6问题。
在 ie7,ff中都正常，ie6中 a:hover竟然神奇的不管用了。再试了N种办法后，竟然发现在a:hover 上添加 background：none，竟然可以了。
上网搜了下，原来是：
http://www.w2blog.net/view/353.html
所以IE6的bug就是如果a 与 a:hover 的css定义是一样的，也就是说如果a:hover 中没有样式的改变，hover就不会被触发。但如果在a:hover{}增加一些特定的属性，例如
a:hover{border:none;}
或者
a:hover{padding:0;}
又或者
a:hover{background: none;}
此时hover就可以触发了。这样的属性还包括direction/text-align/text-indent/float/overflow/position …… 等等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>a:hover</title>
<style type="text/css">
a{display:block;height:170px;margin-bottom:30px}
a img{display:none;border:none}
a:hover img{display:block}
.test:hover{background:none}
.bgtest:hover{border:none}
.bg{background:transparent url(http://www.google.cn/logos/olympics10-bg.jpg) repeat-x scroll center center;}
</style>
</head>
<body>
<a href="http://g.cn" >
google
<img src="http://www.google.cn/logos/olympics10-nordic-hp.png" alt='google'/>
</a>
<a href="http://g.cn" class="test">
google
<img src="http://www.google.cn/logos/olympics10-nordic-hp.png" alt='google'/>
</a>
<a href="http://g.cn" class="bg">
<img src="http://www.google.cn/logos/olympics10-nordic-hp.png" alt='google'/>
</a>
<a href="http://g.cn" class="bg bgtest">
<img src="http://www.google.cn/logos/olympics10-nordic-hp.png" alt='google'/>
</a>
</body>
</html>
分享到：
相关推荐
Whatever:hover 是一个小小的脚本，它可以迅速、自动地为IE6，IE7，IE8添加标准的 :hover、:active 和:focus 伪类支持。第三版引入了 ajax 支持，意味着通过 javascript动态添加到文档中的任意html元素也同样可以在...
万恶之源：伟大的迅雷！
【万恶之源2011VIP内部135】是一个特定版本的网络安全工具，由“万恶之源网安基地”站长开发。这个工具的名称中提到的“135抓鸡”，实际上指的是在网络安全领域中寻找并控制易受攻击的服务器或计算机的行为，这些...
因为国内很多例如网上银行之类的应用只支持万恶的IE，当你需要禁用Chrome Frame时，只需要： 1. 工具-管理加载项 2. 在工具栏和扩展中，找到ChromeFrame BHO. 3. 禁用它 另外，卸载Chrome Frame的话，只要在控制...
在这个场景下，我们讨论的是如何使用VC++和MFC来开发一个基于`CHtmlView`的IE浏览器。 首先，`CHtmlView`是MFC对ActiveX控件`WebBrowser`的包装。`WebBrowser`控件是一个强大的组件，它允许程序内嵌IE浏览器引擎，...
5. 库存的浪费：库存是没有必要的，甚至认为库存是万恶之源。 6. 制造过多或过早的浪费：制造过多或过早，提前用掉了生产费用，不必要的资源浪费。 7. 等待的浪费：等待是一种不必要的活动，造成时间和资源浪费。 8....
很抱歉，但根据您提供的信息，标题"万恶的反对风格如果我"和描述"斯蒂芬告诉对方告诉对方告诉对方告诉对方的方式告诉对方公司法"似乎与IT知识不直接相关，同时也无法明确地指向任何特定的技术主题。标签"法大赛官方...
这篇"万恶的Blogbus教程免费版"很可能是针对初学者或者那些希望深入理解Blogbus平台特性的用户设计的。从提供的文件列表来看，我们有以下三个文件： 1. **下载说明.txt** - 这个文件可能包含了下载教程的具体步骤，...
《万恶迷糊尤物》第三技：笑看混战人1000字 本篇小说主要讲述了格湘和殷澈之间的故事，并揭示了格湘的真实身份。故事开头，格湘和殷澈之间发生了一些有趣的互动，殷澈表现出对格湘的保护和照顾。然而，安洁却指控格...
这个工具应该很有用，因为用 IE 的人实在是太多了~~万恶的IE6 ！ 去下载：dynaTrace AJAX 您可能感兴趣的文章:asp.net下URL处理两个小工具方法Asp.Net权限管理系统 专用代码生成工具(DDBuildTools) 1.1.0 下载...
因为万恶的 IE 存在各种的不标准，因此，在进行页面开发时不免要为 IE 单独写一些 CSS 。熟悉的方法有 IE hacks 和条件注释 CSS（Conditional Stylesheets），下面，不妨讨论一下这两种方法的优缺点。 IE hacks 举个...
万恶的斐波那契.exe
万恶的IE，不过也还好，也没有想着在去找插件，准备自己搞一搞，顺便拿来学习一下并加强自己的知识。下面看我是如何搞定它的，虽然花了一点时间，不过也值得。 使用方法 使用特别简单，定义一个DIV一验证码输入框...
【标题】：“万恶的Appuse-----Appuse2.X在MyEclipse之中的部署问题” 在探讨Appfuse 2.x在MyEclipse中的部署问题前，我们先来了解下Appfuse和MyEclipse这两个关键概念。 Appfuse是一个开源项目，它提供了一种快速...
6. **库存的浪费**：库存被视为万恶之源，因为它可能导致搬运、堆积、放置、保护处理、查找等浪费，阻碍先进先出的运作，增加利息和管理费用，增加贬值风险，以及占用资金和空间。库存三不原则是避免大批量生产、...
10. ♬：六分音符，是八分音符的一半，持续三拍的六分之一。 11. ∮：这个符号在音乐中通常表示无限循环或者反复记号，但在这种情境下可能是特别设定的标记。 12. ==：这在音乐中不是标准符号，但可能在这里表示某种...
前端内存泄漏及解决方案详解 在前端开发中，内存泄漏是一个非常重要的主题。内存泄漏是指系统进程不再使用的内存没有及时释放，导致内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。在本文中，我们将讨论...
然而，如果配置过于通用，可能会带来问题，因为每个项目都有其特定的需求，过度模板化的配置可能会限制项目的灵活性，这可能是为什么描述中称其为“万恶之源”。 文件名为"meow"，在上下文中可能表示这个压缩包里...