IE6 用iframe遮住select

最新推荐文章于 2015-04-14 10:41:45 发布

bennman

最新推荐文章于 2015-04-14 10:41:45 发布

阅读量1.7k

点赞数

分类专栏： HTML CSS 文章标签： iframe ie div xhtml html filter

本文链接：https://blog.csdn.net/bennman/article/details/5619991

版权

HTML CSS 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

z-index是CSS中决定网页中容器元素垂直显示顺序的属性，比如两个div，z-index值大的将遮盖小的div．而select控件由于其浏览器开发实现方法和其他标签不同，用常规方法div无法遮盖，所以得借助其他的方法．

建立一个iframe，z-index属性是5，将其隐藏，位置于需要遮盖的select相同，比select大一点，刚好遮住select
select的z-index属性是4
div的是z-index属性是6
总之，z-index属性，select的要比IFrame的小,div的要比IFrame的大，这样层就可以遮住select．

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div style="width:200px;height:100px; background-color:#3C0; position:absolute; z-index:6"></div> <select style="position:absolute; z-index:4"> <option value="Option1">Option1</option> <option value="Option2">Option2</option> <option value="Option3">Option3</option> </select> <iframe src="" scrolling="no" style="dispaly:none;width:100px;height:100px;position:absolute; z-index:5; border:0; filter:alpha(opacity='0')"></iframe> </body> </html>

bennman

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6 用iframe遮住select

z-index是CSS中决定网页中容器元素垂直显示顺序的属性，比如两个div，z-index值大的将遮盖小的div．而select控件由于其浏览器开发实现方法和其他标签不同，用常规方法div无法遮盖，所以得借助其他的方法．建立一个iframe，z-index属性是5，将其隐藏，位置于需要遮盖的select相同，比select大一点，刚好遮住selectselect的z-index属性是4div的是
复制链接

扫一扫

专栏目录