DIV盖住下拉列表

来源:互联网 发布:松下plc编程与应用 编辑:程序博客网 时间:2024/05/22 14:37

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DIV盖住下拉列表</title>
</head>

<body>
<iframe style="position:absolute;z-index:9;width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight);top:expression(this.nextSibling.offsetTop);left:expression(this.nextSibling.offsetLeft);" frameborder="0" ></iframe>
<div style="z-index:10;position:absolute;background-color:blue;width:100;height:18;overflow:hidden;" onmouseover="this.style.height=54;" onmouseout="this.style.height=18;">aaaaaaa<br>bbbbbbb<br>ccccccc</div>

<select style="width:200" ><option>test0<option>test1<option>test2<option>test3</select>

</body>
</html>


<select><option>ssssssssssss</option></select>

<div style="z-index:101;background-color:green;position:absolute;top:0;left:0;width:200;height:200;">
a
</div>
<iframe style="z-index:100;background-color:green;position:absolute;top:0;left:0;width:200;height:200;"></iframe>