在IE6下,下拉框(select)会遮住弹出层

发布网友发布时间：2022-04-21 01:42

共4个回答

懂视网时间：2022-04-21 06:03

a.本节精选html5/css频道里一款IE6下div遮盖select的最优解决方案

原理：利用iframe来遮挡select，再用div来遮挡iframe，就这么简单。

1）首先，建一个div层和iframe层；

2）再设置它们的属性，重要的样式是用z-index来控制iframe和div的显示顺序，z-index的值越大，他会在表层显示。

（注意：z-index只有在设置了position:absolute;后才会生效）

3）再用js来控制它们显示和隐藏。

c.本CSS自适应宽度圆角按钮制作方法兼容浏览器IE6、IE7、IE8、IE9、firefox、chrome、opera、safari

热心网友时间：2022-04-21 03:11

用z-index可以解决，但是IE6的z-index机制判断不是当前标签做比较，而是当前标签的父标签。比如：
<div style="z-index:10"><div style="z-index:500;">A</div></div>
<div style="z-index:100"><div style="z-index:50;">B</div></div>
在IE其他版本下，A在B上，但是到了IE6时，IE6会判断父标签，所以B在A上，你的例子可以在两个层叠样式的父标签加个z-index

热心网友时间：2022-04-21 04:29

你可以在弹出层的时候把select隐藏，关闭的时候再把它显示，这样子就可以兼容IE6了

热心网友时间：2022-04-21 06:04

一般都是用个透明的iframe来解决·追问采用透明的了，但是文字不显示了