0

IE のレイアウトの問題に関する 1 つの問題。動的に追加される要素の増加に伴い、「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」のすべての要素を表示する方法は?

ありがとう

4

1 に答える 1

0

このコードを確認してくださいhttp://jsfiddle.net/hCkjA/42/

本文の div に z-index が含まれていない フッターの z-index は、動的 div よりも低くなっています。
また、フッターを一番下に貼り付けたい場合は、追加します

#footer{ bottom:0px;}

それが役に立てば幸い。

于 2012-09-27T10:59:08.617 に答える