【IE6.0 Bug总结之三】div无法遮盖select问题——w3cdream|前端学习-开发

'I'm W3cdream,创造',前·所·未·有
【IE6.0 Bug总结之三】div无法遮盖select问题

发布作者:浩方   发布时间:2013-04-1   阅读次数:10636

今天来看看IE6下的这个bug,绝对定位的div无法遮盖select,本来是想做一个弹出的div来作提示框,可是到了IE6下,无意中发现页面上的一个select无法被弹出的div遮住,好像是select把div划破了一样,具体效果如下图所示。

这是正常的图,上面的div把下面的select遮住了

这是IE6下不正常的效果,上面div不能把下面的select遮住


那么如何解决这个bug呢,解决该bug的方法如下:

1、将select放到iframe里面,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的 Z轴高度上来,但每个select都加太烦了,不推荐

2、在需要遮盖select的那个div放入一个空的iframe,这样就可以针对性的解决问题了,简单,值得推荐

下面就第2种方法贴出css代码如下:

文章来源:http://www.itivy.com/ivy/archive/2011/3/9/634352939891853428.html




常用昵称:萧强,全端布道者

姓名:“刘晓强”,W3CDream创始人,目前就职于易点付。专注于web前端和移动端方面知识的研究,熟练掌握photoshop和AI,喜爱Flat UI设计和Metro UI风格,熟练掌握CSS3+HTML5技术、LESS CSS和Sass CSS,还有jQuery框架方面及一些前端框架bootstrap响应式设计等。新浪微博
友荐云推荐

css hack解决方案

热点文章

新闻资讯

标签云

友情赞助