0

关于 IE 中的布局问题的一个问题。随着动态添加元素的增加，'body'部分的内部'dynamicdiv'应该与footer部分重叠。但现在一些元素被“页脚”部分重叠和隐藏。

外部 div 的位置是相对的，内部 div 的位置是绝对的。该代码适用于 FF/Chrome。

<div id='top' style='position: relative;' />
<div id='body' style='position: relative;  left: 44px; top: 95px; width: 275px; z-index:99'> 
  <div id = 'dynamicdiv' style='position: absolute; ...'> 
     multiple div sections will be dynamically added here during the runtime. 
  </div>
</div>
<div id='footer' style='position: relative; background-color:red;  z-index:1' />

添加 z-index 不起作用。

如何通过重叠“页脚”部分来显示“dynamicdiv”中的所有元素？

谢谢

4

1 回答 1

0

检查此代码http://jsfiddle.net/hCkjA/42/

body div 不包含 z-index 页脚的 z-index 低于动态 div。
另外，如果您想将页脚粘贴到底部，请添加

#footer{ bottom:0px;}

希望能帮助到你。

于 2012-09-27T10:59:08.617 回答