Question

这是我的代码（有点简化）

<thisIsADiv id="wrapper" style="width:960px; margin:0 auto; position: relative;">
  <img src="img/bg/wrapper.jpg" alt="" width="960" id="bg" style="position:absolute; top:0; left:0; z-index:0; height:100%;" />
  <some more stuff></stuff>
</thisIsADiv >

这是我的问题：如果我给我的图像100％高度它在firefox / chrome中正常工作（它延伸所有其包装），而在资源管理器中，它继承了页面高度!!造成一个过度的页面。我尝试使用height = inherit，但在firefox / chrome图像中根本没有延伸，在资源管理器中，问题仍然存在。高度=自动：与F / C +中的上述相同+浏览器也不会拉伸。

有什么想法吗？谢谢 VITTO

Answer 1

尝试设置wrapper div的高度。

编辑：IE不喜欢z-index: 0;所以将其设置为1并相应地调整其他索引，为什么不在风格中使用背景图片？

Answer 2

而不是height:100%在图片上使用bottom:0。

Answer 3

您需要指定height＆amp; width对于绝对定位元素，有时IE显示正确，你也认为它错了，因为FF＆amp; Chrome（他们会修复您的代码）：

<div id="wrapper" style="width:960px; margin:0 auto;position: relative;">
  <img src="img/bg/wrapper.jpg" alt="" width="960" id="bg" style="position:absolute; top:0; left:0;height:theheightofyourimage;">
</div>

position: absolute会自动获得z-index 1。

绝对定位的元素没有达到100％的高度

3 个答案: