演示
http://people.mywot.com/dean/tour/ie6test.html
我已将此问题缩小到上面的测试用例中.如果你在IE6中加载它,你会马上发现它.
问题
当鼠标悬停在IE6中的锚点上时,所有可见的后代元素都会变得可见,但是只要您将鼠标悬停在外,所有样式都会保留,但文本会消失.这导致了“鬼盒”并且非常有趣(但是不期望的效果).
今天早上我搜索了几个小时试图找出这是哪个IE6 bug,但我没有想法.
附:忽略PNG的透明度.我只是没有在这个演示中包含pngfix.
最佳答案
是的,100%的网站管理员讨厌魔鬼IE6,但我们在这里回答这个问题,而不是讨论IE6有多糟糕,对吧?
原文链接:https://www.f2er.com/css/427072.html对于这个问题,这是我的答案:(在您的演示代码中编辑了第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.