IE6下Select元素被div等元素覆盖的解决办法
网站建设 2023-01-28 21:37www.1681989.com免费网站
可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。IE6有一个神奇的逻辑，div 无法覆盖select,iframe 可以覆盖select，而div可以覆盖iframe，所以解决办法就是用Z轴高度更高的Iframe元素，包裹或覆盖住下拉列表框控件，使其回到正常的Z轴高度上来！
解决办法一Iframe包裹select元素
Code
<iframe style="z-dex:1" style="z-dex:1"><!-- 用iframe 解决此bug -->
<select name="country">
<option value="1">cha</option>
<option value="2">japanese</option>
<option value="1">U.S.A</option>
</select>
</iframe>
解决办法二以Iframe作为div的子元素，覆盖select元素
Code
.T_iframe
{
position: absolute;/绝对定位保证iframe不会占用流布局空间/
width: 100%; /100%保证可以覆盖整个div/
height: 100%;
z-dex:-1; /-1保证iframe显示在div下方/
}
.T_div
{
position: absolute;
left:100px;
:50px;
width: 300px;
height: 200px;
background : blue;
z-dex:100;
}
<div class="T_div">
<span>这里可以包含其他dom元素</span>
<iframe class="T_iframe"></iframe>
</div>
这样嵌入了iframe的div就不怕被select划破了，方法一使用比较简单，应用存在局限，不可能在所有的select元素外添加iframe。方法二有的放矢，在需要的div上面添加iframe，是常见的解决办法。
ASP.NET2.0的服务器端控件Menu菜单控件在IE6下渲染的时候，也遇到了select元素无法覆盖的问题，所以当加载了Menu菜单控件时，会自动注入一个脚本文件，用添加iframe元素的办法来处理这个bug，当菜单项比较多的时候，这个脚本处理会导致菜单加载时有明显的延迟，所以这个菜单控件还是不用为妙！
解决办法一Iframe包裹select元素
Code
复制代码
代码如下:<iframe style="z-dex:1" style="z-dex:1"><!-- 用iframe 解决此bug -->
<select name="country">
<option value="1">cha</option>
<option value="2">japanese</option>
<option value="1">U.S.A</option>
</select>
</iframe>
解决办法二以Iframe作为div的子元素，覆盖select元素
Code
复制代码
代码如下:.T_iframe
{
position: absolute;/绝对定位保证iframe不会占用流布局空间/
width: 100%; /100%保证可以覆盖整个div/
height: 100%;
z-dex:-1; /-1保证iframe显示在div下方/
}
.T_div
{
position: absolute;
left:100px;
:50px;
width: 300px;
height: 200px;
background : blue;
z-dex:100;
}
<div class="T_div">
<span>这里可以包含其他dom元素</span>
<iframe class="T_iframe"></iframe>
</div>
这样嵌入了iframe的div就不怕被select划破了，方法一使用比较简单，应用存在局限，不可能在所有的select元素外添加iframe。方法二有的放矢，在需要的div上面添加iframe，是常见的解决办法。
ASP.NET2.0的服务器端控件Menu菜单控件在IE6下渲染的时候，也遇到了select元素无法覆盖的问题，所以当加载了Menu菜单控件时，会自动注入一个脚本文件，用添加iframe元素的办法来处理这个bug，当菜单项比较多的时候，这个脚本处理会导致菜单加载时有明显的延迟，所以这个菜单控件还是不用为妙！
上一篇：21个神奇的CSS技巧
下一篇：CSS 清除浮动元素方法 整理
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销