元素没有出现在IE7,直到我通过开发工具栏编辑(Element doesn't appear

2019-07-30 16:08发布

这其中有我难住了 - 我有我的页面上的元素与绝对位置,相对位置的容器内。 除了IE7所有的浏览器,它出现在完全没有问题的正确位置。

在IE7中,该元素不出现,直到我添加或开发人员工具栏(什么都没有做它的可见性或位置,甚至一样的属性的属性选项卡编辑任何CSS属性的 color )。 一旦我这样做,它就会显示正确 - 如果我删除,我刚才添加的属性(或撤销修改)甚至仍然可见!

这必须是一个IE7特定的显示问题,但我不能想出办法解决它-我已经抛出floatzoom等,它都无济于事。

Answer 1:

我通过移动消失元素更深一层,到另一个子元素固定这一点。 由于子元素是浮动的,但没有一个位置,消失元素仍然位于相对于父元素,这正是我想要的 - 但由于某些原因,这也使得它成为可见的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没有工作,虽然有) -我必须使用独立的子元素。 共离奇,但想我会在任何情况下,本张贴其他运行到同样的问题!



Answer 2:

这不是很奇怪的IE开发者工具栏如何触发它是可见的?

我通过代替使用相对定位与使用绝对定位为子元件固定它的负利润率左到元件的位置。 并不理想,因为它使设计更加脆弱,但我当时的唯一选择。



文章来源: Element doesn't appear in IE7 until I edit it through Developer Toolbar