IE6下div遮盖select的最优解决方案_html/css_WEB-ITnose
程序员文章站
2022-05-03 21:46:39
...
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
推荐阅读
-
IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose
-
IE6浏览器下div无法遮盖select下拉框解决方法_html/css_WEB-ITnose
-
IE6 下,无法固定页面顶部的DIV_html/css_WEB-ITnose
-
[13年迁移]IE6下的一些DIV适配总结_html/css_WEB-ITnose
-
[13年迁移]IE6下的一些DIV适配总结_html/css_WEB-ITnose
-
IE6 select穿透问题(div 定位无法遮盖select)!_html/css_WEB-ITnose
-
IE6下div遮盖select的最优解决方案_html/css_WEB-ITnose
-
IE6下div遮盖select的最优解决方案_html/css_WEB-ITnose
-
IE6/7下空div占用空间的问题_html/css_WEB-ITnose
-
IE6 select穿透问题(div 定位无法遮盖select)!_html/css_WEB-ITnose