Css IE6中的圆形矩形鼠标悬停问题

我正在执行此扩展选项卡菜单，但滚动图像在IE6中不起作用。。有没有简单的方法来修复它

HTML

示例文件发布在这里。。。。

---

此选择器存在问题：

.menu span:hover

不幸的是，虽然IE6支持

：hover

选择器，但它只支持

a

元素，因此

a:hover

工作，但

span:hover

不工作

这是IE6中许多损坏和缺失的功能之一

好消息是，有一种黑客技术允许IE6支持任何元素的

：hover

。它叫

下载.htc文件，并在您的样式表中添加对它的引用，如网站上所述，它将解决这个特殊的IE6问题

不过，老实说，这并不是IE6中唯一会伤害你的东西。如果可能的话，我的建议是放弃对IE6的支持。使用IE6的人数正在迅速下降，因此它的相关性越来越低（上次我检查时，它在浏览器市场的份额不到2%，而且每月下降四分之一甚至更多——请参阅）。这不值得再支持了

---

尽管如此，如果这是IE6的唯一问题，那么显然你应该使用whatever:hover hack——这几乎不需要任何努力，它将解决这一问题，因此显然是值得的。

问题在于这个选择器：

.menu span:hover

不幸的是，虽然IE6支持

：hover

选择器，但它只支持

a

元素，因此

a:hover

工作，但

span:hover

不工作

这是IE6中许多损坏和缺失的功能之一

好消息是，有一种黑客技术允许IE6支持任何元素的

：hover

。它叫

下载.htc文件，并在您的样式表中添加对它的引用，如网站上所述，它将解决这个特殊的IE6问题

不过，老实说，这并不是IE6中唯一会伤害你的东西。如果可能的话，我的建议是放弃对IE6的支持。使用IE6的人数正在迅速下降，因此它的相关性越来越低（上次我检查时，它在浏览器市场的份额不到2%，而且每月下降四分之一甚至更多——请参阅）。这不值得再支持了

---

尽管如此，如果这是IE6的唯一问题，那么显然你应该使用whatever:hover hack——它几乎不费吹灰之力，而且它会解决这个问题，所以它显然是值得的。

我以前遇到过这个问题，但我不记得它在IE6.0上是否有效。简而言之，您需要定义其余的相关伪类：

注意：悬停必须在CSS定义中的：link和：visted（如果存在）之后，才能生效

尝试定义所有4个伪类，即使它们是空的

a:link    {}
a:visited {}
a:hover   {color:red;}
a:active  {} 

如果所有其他操作都失败，则只需使用jQuery的.hover（）函数：

---

我以前遇到过这个问题，但我不记得它在IE 6.0上是否有效。简而言之，您需要定义其余的相关伪类：

注意：悬停必须在CSS定义中的：link和：visted（如果存在）之后，才能生效

尝试定义所有4个伪类，即使它们是空的

a:link    {}
a:visited {}
a:hover   {color:red;}
a:active  {} 

如果所有其他操作都失败，则只需使用jQuery的.hover（）函数：

---

您已经有了一些解决方案，但是：

当你把鼠标放在跨距上时，你也可以把它放在链接上，所以试着让链接来处理跨距。那也会让我高兴的

a:hover span { }

---

您已经有了一些解决方案，但是：

当你把鼠标放在跨距上时，你也可以把它放在链接上，所以试着让链接来处理跨距。那也会让我高兴的

a:hover span { }

---

仅供参考IE6仅支持：悬停在

元素上，这里还有许多其他IE6错误，这使得它很难解决。查看一些针对IE的.htc:hover解决方案，可能会有所帮助（可能）。仅供参考IE6仅支持：hover on

元素，这里还有许多其他IE6错误，这使得它很难按原样解决。查看一些.htc:hover的IE解决方案，可能会有帮助（也许）。+1，写得很好。比我的尝试要好。不管怎样：悬停ftw！在某种程度上同意“放弃IE”的说法。定位或鼠标盖并不完美===谁在乎呢。网站无法使用？可能需要注意。+1，写得很好。比我的尝试要好。不管怎样：悬停ftw！在某种程度上同意“放弃IE”的说法。定位或鼠标盖并不完美===谁在乎呢。网站无法使用？可能需要注意。谢谢你，埃里克。。。不知道我是怎么错过的…-）谢谢你，埃里克。。。不知道我是怎么错过的…-）