用层遮盖select下拉菜单的实现方法发布者：本站 时间：2020-05-16 08:05:51
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．
divselect.HTML代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<DIV id=div1 name=div1 style="width:400;height:400;background-color:lightblue;
position:absolute;left:350;top:250;z-index:6">DIV</DIV>
<select id=select1 name=select1 style="position:absolute;left:400;top:400;width=300;z-index:4"
size=1 >
<option>Option1
<option>Option2
<option>Option3
</select>
<IFRAME id=iframe1 name=iframe1 src=http://www.webyi.com/wschool/wdesign/html/20090226/"" scroll="none" style="dispaly:none;width:200;height:415;position:absolute;
left:400;top:300;z-index:5;filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'"></iframe>
</BODY>
</HTML>
选择我们，优质服务，不容错过
1. 优秀的网络资源，强大的网站优化技术，稳定的网站和速度保证
2. 15年上海网站建设经验，优秀的技术和设计水平，更放心
3. 全程省心服务，不必担心自己不懂网络，更省心。
------------------------------------------------------------
24小时联系电话：021-58370032