Question

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

外部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'中的所有元素？

由于

Answer 1

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

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

#footer{ bottom:0px;}

希望它有所帮助。

在IE中重叠的问题

1 个答案: