ie6下select擋住div、li解決辦法
阿新 • • 發佈：2019-02-19
ie6真的是夠了~~使用dialog，莫名其妙的後面的select標籤吐出來了，在網上找到z-index屬性來指定優先順序，然並卵ie6不支援這個標籤，接著找吧!後來看到大神說使用iframe來擋住它，div不能遮住，但是frame可以遮擋，於是試了下，效果可以
使用Iframe解決IE6下Div/UL/Li 擋不住Select box 的3法
1） 基礎套路：
<IFRAME src="" frameborder="0" scrolling="no" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;"></IFRAME>
一般在需要的DIV上加入這段程式碼就可以擋住後面的select box了。
2）有時IE6下IFrame的background-color屬性無法設定，始終為 #FFF
可加入一個空白的頁blank.html。則iframe引用後，可使iframe使用 blank.html的背景色
<IFRAME src="\resource\include\blank.html" frameborder="0" scrolling="no" style="position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;"></IFRAME>
blank.html程式碼：
<body style="background-color:#F4F4F4;"></body>加上這個blank.html之後我的iframe就可以與背景色為#F4F4F4的父div融為一體了
3）也有時IFrame的高度自適應(height:100%)失效，無法完全遮擋住下面的Select。需要加入filter:Alpha(Opacity=0);border:solid; 屬性
<IFRAME frameBorder="0" style="position:absolute;left:0;top:0;width:100%;z-index:-1;filter:Alpha(Opacity=0);border:solid;"></IFRAME>
僅在IE6中顯示，需要將iframe的html放在如下標籤中
<!--[if IE 6]> 。。。<![endif]-->或者更嚴謹一些放在下面的標籤中：
<![CDATA[<!--[if IE 6]> 。。。 <![endif]-->]]>