元素堆叠,但悬停时会堆叠?

时间:2009-08-10 19:48:50

标签: html css internet-explorer internet-explorer-6

基本上我的问题有时候,div,spans会漂浮在ecahother之上。但当我将鼠标移到它们上面时,它们会“取消堆叠”并自行修正,它们将保持固定状态,直到我刷新页面......然后它们再次被打破。就好像悬停在他们身上的动作会对它产生影响吗?

有谁知道为什么会出现这种行为?这就是IE6和IE7顺便说一下。我不确定它是否与hasLayout有关(因为它们确实有布局我)。其他人以前见过这个怪癖吗?

抱歉,我没有任何示例代码,因为我无法用简单的代码重现它 - 我的网站非常复杂的嵌套div。

4 个答案:

答案 0 :(得分:0)

你有位置:你的代码中的某个位置? 如果你这样做,请查看这篇文章:http://nirlevy.blogspot.com/2008/08/misplaced-elements-with.html

答案 1 :(得分:0)

这个问题有时是由于在css中使用“position:absolute”而没有使用“position:relative”标签正确包装它。如果您使用上述代码,请检查css中的位置标记。

如果您提供项目的链接[或]简单的html代码和使用的CSS,将会很有帮助。这样我们就可以检查并提出解决方案。

答案 2 :(得分:0)

我已经看过你不止一次谈论的内容了。我对这个错误的理解是,在IE首次呈现页面时,它并不总是知道元素的维度,因此猜测应该去哪里。

当您触发a:hover时,页面将被重排,并且由于现在所有内容都已呈现,因此IE可以更好地了解元素维度。这导致它将元素转移到正确的位置。

通过为所有前面的元素添加边框并查看哪一个移动然后确保在其上触发hasLayout并使用高度:1%或缩放:1修复,我已经运气好了。

我甚至有一个案例,斜体文字引起它,因为斜体文字gives IE grief

答案 3 :(得分:0)

听起来像[http://www.positioniseverything.net/explorer/peekaboo.html“Peekaboo bug”]给我......