Div层显示不能覆盖表单Select元素问题

最新推荐文章于 2018-03-04 17:30:28 发布

good_youth

最新推荐文章于 2018-03-04 17:30:28 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： div input iframe button layer html

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>如何覆盖表单元素</title>
<style type="text/css">
#Layer1 {
position:absolute;
left:10px;
top:15px;
width:548px;
height:216px;
background-color:#999999;/*覆盖*/
z-index:100;/*提升优先级别没用*/
}
</style>
<div id="Layer1"><iframe style="position:absolute;filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>覆盖表单内容</div>
<input type="text" value="会覆盖" style="z-index:0;">
<select>
<option value="" selected="selected">不会覆盖</option>
<option value="1">01</option>
<option value="42">02</option>
<option value="28">03</option>
<option value="44">04</option>
</select>
<input type="button" value="会覆盖">
</body>
</html>