DIV盖住下拉列表
2007-09-28 16:45
239 查看
<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>
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS中嵌入脚本+DIV下拉列表
- js+div实现的下拉列表
- 弹出DIV层的时候,把页面上的下拉列表全部隐藏.
- DIV+CSS+JS下拉列表s实例
- 使用DIV+CSS实现下拉列表菜单
- DIV 下拉列表例子
- 下拉列表被div高度隐藏的解决办法
- jquery用div模拟一个下拉列表框
- 原生js实现div点击其他地方隐藏下拉列表
- div居中鼠标悬浮显示下拉列表
- 下拉列表div
- [置顶] 后台导航栏下拉列表 css+div 样式代码 及示例下载（灾情分享网）
- JS+DIV+CSS实现仿表单下拉列表效果
- JS+DIV+CSS实现仿表单下拉列表效果
- 层盖住下拉列表框问题解决方案
- 后台导航栏下拉列表 css+div 样式代码 及示例下载（灾情分享网）
- 2017阿里前端测试题（div模拟下拉列表）
- 下拉列表select中使用ajax的json数据交换格式动态改变div层里面的复选框checkbox值
- 【小技巧】Select下拉列表覆盖DIV菜单的另类解决方案
- 层盖住下拉列表框问题解决方案