网页制作 
首页 > 网页制作 > 浏览文章

div等浮层在IE6下被下拉框遮挡的解决方法

(编辑:jimmy 日期: 2025/5/1 浏览:3 次 )
解决的办法是:做两个浮动层,一个浮动层的根标签是IFrame,另一个浮动层的根标签是Div,两个浮动层的位置、大小均相等,然后先显示IFrame浮动层,再显示Div浮动层,
这样IFrame浮动层就为Div浮动层遮盖住了下面的控件。
demo:
CSS:

复制代码代码如下:
<style type="text/css">
dl #iframe1{display:none;_display:block;position:absolute;top:0;left:0px;z-index:-1;filter:mask();width:110px;height:420px;}
</style>

aspx:

复制代码代码如下:
<li id="dictionary" runat ="server" ><a href="#">维护 </a>
<dl >
<dd>
<a href="dictAll.aspx?TableType=0" target="_self" title="The">资产类型</a>
</dd>
<dd>
<a href="dictAll.aspx?TableType=13" target="_self" title="Styling">服务级别</a>
</dd>
<iframe id="iframe1"></iframe>
</dl>
</li>
上一篇:CSS 层叠和继承实现
下一篇:DIV+CSS常见问题的14条原因分析
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。