当前位置: 代码迷 >> Web前端 >> 使用Iframe解决IE6上Div/UL/Li 挡不住Select box 的3法
  详细解决方案

使用Iframe解决IE6上Div/UL/Li 挡不住Select box 的3法

热度:59   发布时间:2012-09-20 09:36:50.0
使用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]-->]]>

  相关解决方案