IE6 用iframe遮住select

来源：互联网发布：卖家怎么开通淘宝达人编辑：程序博客网时间：2024/05/05 10:40

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>