您的位置:首页 > 其它

web兼容行探究1:IE 6 select节点显示在绝对布局之上的解决方法

2015-03-17 20:22 459 查看
解决方式就是在绝对布局的元素下放置一个一样大小的iframe元素,这样iframe可以将select盖住,同时解决了问题.

源码如下:

<!-- IE6BUG select在絕對定位的元素之上顯示 -->
<!-- 解決方法:將一個同樣大小的iframe放在絕對定位的元素之下 -->
<select><option>請選擇</option> </select>
<div id="Test"></div>
<iframe id="TestMask" ></iframe>
</form>

...

<script>
#Test
{
width:200px;
height:200px;
background:red;
position:absolute;
left:50px;
top:480px;
z-index:2;
}
#TestMask
{
width:200px;
height:200px;
background:red;
position:absolute;
left:50px;
top:480px;
z-index:1;
}

</style>


View Code
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: