教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 IE6下弹出框select总是在最上层的解决办法!

IE6下弹出框select总是在最上层的解决办法!

发布时间:2011-06-24   编辑:jiaochengji.com
教程集为您提供IE6下弹出框select总是在最上层的解决办法!等资源,欢迎您收藏本站,我们将为您提供最新的IE6下弹出框select总是在最上层的解决办法!资源
IE6下面的麻烦事真多,刚解决一个select宽度不能自适应的问题,现在又要解决,弹出的div框不能覆盖select的问题,还在这方面的文章还挺多,我找了个,用iframe覆盖的方法解决了,原理就是弹出框后在弹出框前面放一个iframe,设为绝对定位,位置和长宽都设成跟弹出框的一样就可以了

在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已经显示不出来了。

所以我们把iframe放在DIV中是一种不错的解决办法: background-color:transparent;背景设置为透明 z-index:-1;位于这个div的底层 我们可以通过这个放在需要遮盖的div里面,这样当div位于select上面的时候,就可以遮盖住了!

本文来自CSDN博客http://blog.csdn.net/yjiesun/archive/2010/04/21/5512088.aspx

您可能感兴趣的文章:

关键词: 其他web相关  IE6  select  iframe  遮盖  透明   
[关闭]
~ ~