Dou*_*oug 4 css debugging internet-explorer
好吧,我一直在处理IE漏洞很长一段时间了,但是这个漏洞已经超出了我.IE 7甚至8确实做到了,我还没有在FF或Chrome上看过它.
所以这是一个生成它的实时URL:http: //mog.com/music/America/Holiday
再生并不容易,可能需要几次才能实现.观看滚动条以查看它的大小,以便您知道页面长度突然下降了很多.
这是你如何做到的:
将鼠标悬停在任何子导航链接(主要,专辑,歌曲,照片,新闻等)上
尝试它们,直到看到滚动条更改大小.完成后,向下滚动并注意页脚已跳到页面内容的大部分上方.
小心向下滚动,不要翻转其他一些会突然解决此问题的页面元素.到目前为止,我可以看到任何播放按钮都会以某种方式解决这个问题.
这简直太奇怪了.翻转状态如何导致这种行为？
我试过了:
删除a:悬停样式 - 这会修复它...... WTF？当然我们理想情况下会保持一些悬停状态,所以希望避免这种修复.
使用jQuery hover()重现悬停功能. - 这不会修复它.
我认为线索是以某种方式神奇地修复它的元素......并且可能在页面跳转到的位置,哪些元素突然被页脚遮挡.
最后,我没有从头开始生产这个网站,它对某些事情使用了很多绝对和相对的定位,我知道这部分原因导致了这些奇怪的错误.我很少,很少使用esp绝对定位来避免这些类型的错误,但现在有点太晚了.
感谢愿意检查出来的人!
好吧,我明白了.这是一个奇怪的"断头台"错误案例.幸运的是,我以前没遇到过.原来这些导航链接的悬停状态(特别是它似乎是边框和bg图像)的"特殊"CSS规则足以绊倒这个bug.一种方法是放弃这些风格,但不理想.然而,真正的解决方案是在正确的位置放置一个非语义清除div.更多信息在这里:
http://www.positioniseverything.net/explorer/guillotine.html