这个让我难住了 - 我的页面上有一个具有绝对位置的元素,位于具有相对位置的容器内。在除 IE7 之外的所有浏览器中,它都显示在正确的位置,没有任何问题。
在 IE7 中,该元素不会出现,直到我添加或编辑其任何 CSS 属性在开发者工具栏的“属性”选项卡中(甚至是与其可见性或位置无关的属性,例如color
)。一旦我这样做,它就会正确显示 - 如果我删除刚刚添加的属性(或撤消修改),它甚至仍然可见!
这一定是 IE7 特定的显示错误,但我无法找到解决方法 - 我已经抛出了float
, zoom
等都无济于事。
我通过将消失的元素更深一层移动到另一个子元素中来修复此问题。由于子元素是浮动的,但没有位置,消失的元素仍然相对于父元素定位,这就是我想要的 - 但由于某种原因,这也导致它在 IE7 中可见,就像它应该的那样是。
这就是我导致元素消失的原因(不是真实的 ID):
<div id="parent" style="position: relative;">
<div id="disappear" style="position: absolute; left: -8px; top: -17px;>This element disappears</div>
</div>
这就是它出现的原因:
<div id="parent" style="position: relative;">
<div id="child" style="float: left; width: 340px;">
<div id="disappear" style="position: absolute; left: -8px; top: -17px;">Now this element appears</div>
</div>
</div>
漂浮的#parent
并给它一个width
(同样的两个属性#child
不过,has) 不起作用 - 我必须使用单独的子元素。完全奇怪,但我想我会发布这个以防其他人遇到同样的问题!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)