IE6下div不能将select框遮住

最新推荐文章于 2021-06-09 12:57:40 发布

最新推荐文章于 2021-06-09 12:57:40 发布 · 125 阅读

收录于

JavaScript

当前文章被收录于：

JavaScript

23 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种解决Internet Explorer浏览器中Select控件无法被遮挡的问题的方法，通过添加一个透明的iframe实现对Select下拉框的遮盖效果。

<Fieldset style="border: 1px solid black; padding: 1px">
			<legend style="padding: 10px">
				车路查询
			</legend>
			<input type="text" id="inputText" size="25" style="width: 150px;"> 
			<input type="button" class="button" value="查询" onclick="ssjqUI.searchBusLine()">
			<input type="button" class="button" value="清除" onclick="ssjqUI.clearBusLine()">
			<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 id="autoInput" style="z-index:10;position:absolute"></div>
		</Fieldset>

添加红色code就可以了

原因： select在ie中默认是处于最顶层的, 所以弹出div往往不能遮住select,但是使用iframe的方法,可以遮住select选择控件.

标签

#IE