工作上遇到IE使用object標籤遮住浮動的div(header)
原因：
object標籤屬於窗口元素(Windowed Element)，這些元素會被渲染
在非窗口元素的上方，因此需要在浮動的div做修改，即header的部分做css修改
|
1 2 3 4 5 6 7 |
<div id="body" class="body" style="position:relative;z-index=1"> <iframe src='about:blank' frameBorder='0' marginHeight='0' marginWidth='0' style='position: absolute; visibility: inherit; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; filter: alpha(opacity = 0)'></iframe> </div> |
注：
- object遮蔽頁面內容，div可以遮蔽iframe，iframe又可以遮蔽；所以在浮動的div內加入iframe
- div的z-index要大於iframe的z-index，不能是auto或空；而且iframe的z-index必須是負數，否则，div無法遮住iframe；
- iframe的top和left是0，如果寬、高不設100%(全部遮蔽)的話，可以設為跟div相等剛好遮住，或是自己想要的樣式；
- iframe設定為透明
- z-index：CSS的z-index屬性用來控制任意HTML元素顯示時的覆蓋次序。多個HTML元素重疊在同一空間中時，z-index值較大的元素將覆蓋z-index值較小的元素。但z-index屬性值不是萬能的。z-index屬性值只有在同一類元素之間才起決定作用。