在ie6下，我们使用select的时候

最新推荐文章于 2015-07-05 15:22:40 发布

kk371558956

最新推荐文章于 2015-07-05 15:22:40 发布

阅读量707

点赞数

文章标签： ie iframe div filter

本文链接：https://blog.csdn.net/kk371558956/article/details/7005228

版权

在ie6下，我们使用select的时候，会发现不管对上层的div的z-index给多大的值，select总是要从下面冒出来，在网上找了一下，主要解决方法有两种：

1，通过iframe遮盖select。

2，通过js控制select的显示和隐藏，不过当div只是遮住select的一半时，整个都会隐藏，不适合一些情况。

我们今天要解决的是通过iframe遮盖select。

1，iframe可以遮盖select
2，div不能遮盖select
3，如果让iframe遮盖select，那么div还没有遮盖iframe的时候，iframe已经把select遮盖住了，这时select已经显示不出来了。

所以我们把ifram放在DIV中是一种不错的解决办法：

<iframe scrolling="no" frameborder="0" style="width:100px; height:100px; top:320px; left:60px; background-color:transparent; position:absolute; z-index:-1;">
</iframe>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body>
<div style="position:absolute;background:red;width:100px;height:200px;left:20px;top:20px;">
<iframe style="position:absolute;width:100%;height:100%;_filter:alpha(opacity=0);opacity=0;border-style:none;"></iframe>
sdfsdfsdf<br>sdfsdfsdf<br>sdfsdfsdf<br>sdfsdfsdf<br>
</div>
<select><option>sdf</option></select>
dfgdfgdfgdfgdfgdfgdfgdfgdfdfgdfgdfgdfgdfgdfgdfgdfgddfgdfgdfgdfgdfgdfgdfgdfgd
dfgdfgdfgdfgdfgdfgdfgdfgdf
</body>
</html>