css – IE6悬停状态不恢复

前端之家收集整理的这篇文章主要介绍了css – IE6悬停状态不恢复前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

演示
http://people.mywot.com/dean/tour/ie6test.html

我已将此问题缩小到上面的测试用例中.如果你在IE6中加载它,你会马上发现它.

问题

当鼠标悬停在IE6中的锚点上时,所有可见的后代元素都会变得可见,但是只要您将鼠标悬停在外,所有样式都会保留,但文本会消失.这导致了“鬼盒”并且非常有趣(但是不期望的效果).

今天早上我搜索了几个小时试图找出这是哪个IE6 bug,但我没有想法.

附:忽略PNG的透明度.我只是没有在这个演示中包含pngfix.

最佳答案
是的,100%的网站管理员讨厌魔鬼IE6,但我们在这里回答这个问题,而不是讨论IE6有多糟糕,对吧?

对于这个问题,这是我的答案:(在您的演示代码中编辑了第42行和第43行)

...
    .screenshot a.bubble .description { position: absolute; min-width: 200px; bottom: -8px; background: none; display: none;
     }
    .screenshot a.bubble:hover .description { display: inline;  background: #efefef; }
...

我不知道如何,但IE6无法隐藏div与css属性“背景”未设置为“无”.这就是导致问题的原因.无论如何,我讨厌IE6.

原文链接:https://www.f2er.com/css/427072.html

猜你在找的CSS相关文章