IE6下select总是在最上层的解决办法!
IE6下select总是在最上层的解决办法!
<blockquote> 在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>
background-color:transparent;背景设置为透明
z-index:-1;位于这个div的底层
我们可以通过这个放在需要遮盖的div里面,这样当div位于select上面的时候,就可以遮盖住了!
</blockquote>
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>
background-color:transparent;背景设置为透明
z-index:-1;位于这个div的底层
我们可以通过这个放在需要遮盖的div里面,这样当div位于select上面的时候,就可以遮盖住了!
</blockquote>
design_ss- 帖子数 : 122
积分 : 373
威望 : 0
注册日期 : 11-12-28
您在这个论坛的权限:
您不能在这个论坛回复主题
10/09/13, 06:50 am 由 design_ss
» javascript 函数的方法call()和apply()
09/09/13, 05:10 am 由 design_ss
» JS中typeof与instanceof的区别
08/08/13, 11:10 am 由 design_ss
» JS中的构造函数解析
08/08/13, 09:44 am 由 design_ss
» js对象属性方法大总结
08/08/13, 08:46 am 由 design_ss
» js中的值类型和引用类型小结 文字说明与实例
08/08/13, 06:35 am 由 design_ss
» CSS3中轻松实现渐变效果
05/07/13, 09:48 am 由 design_ss
» jQUery 常用实例
03/07/13, 09:56 am 由 design_ss
» mask_layer 遮照
03/07/13, 08:18 am 由 design_ss