在上一家公司做网站的时候遇到一个问题,IE6下select标签覆盖div的问题。
虽然很多人很讨厌IE6,但是IE6.0还是有很多用户,特别是前端设计人员,很多Bug让人很纠结,关于IE6下select标签覆盖div的问题,现在已经有完美解决办法
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>IE6下select标签覆盖div的解决办法</title>
</head>
<body>
<div style="position:absolute;background:red;width:200px;left:20px;top:20px;">
<!--[if IE 6]><iframe style="position:absolute;width:100%; height:100%;_filter:alpha(opacity=0);opacity=0;border-style:none;"></iframe><![endif]-->
IE6下select标签覆盖div的解决办法<br>
可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴高度失控。但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的 Z轴高度上来!
</div>
<select><option>内容终于被盖住</option></select>
IE6下select标签覆盖div的解决办法
</body>
</html>
分享到:
相关推荐
ie6下select覆盖div的解决办法
解决IE6 中select 穿透 div 等层的问题
ie6下DIV覆盖select框js解决代码
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来! 解决办法...
完美解决各个浏览器下select显示不同样样式,本资源采用主要JQuery类库。全面支持各种web开发语言。其中包含调用案例
由于select是window控件,它会遮挡被定位的元素,可以使用该jquery插件解决问题.这里有详细的举例说明.
用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...
NULL 博文链接:https://wangyispider.iteye.com/blog/788810
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
select ——使用DIV 实现 Select js源码
让div浮动在select之上的完美解决方案!多浏览器兼容
用DIV模仿SELECT下拉框 function replaceSelects() { try{ for (i=0;i;i++){ // 隐藏 select selects[i].style.display = 'none'; select_divTag = document.createElement('div'); select_divTag.id = ...
ie6弹出框被select遮住解决办法. 只要很简单的操作就可以实现,兼容IE6,IE7,IE8,FF |
下载select-option-disabled-emulation.js文件即可自动完成disabled标记的工作
DIV+select美化支持IE6 IE7 火狐(门户搜索)觉得兼容 多多支持啊。 偶整理出来滴。共享下。偶米多少积分了。搞点分啊。支持下。。
利用Jquery解决IE6下,Select的Z-index过高的BUG 经常有朋友下拉菜单被Select遮盖。可以用此方法解决!
在IE6的環境下,如果網頁上有div區塊和下拉選單重疊在一起的時候,即使再怎麼調整下拉選單的z-index,下拉選單還是會把div區塊蓋住(在Firefox是正常的),google了一下網路上的資料,大多是用iframe來解這個問題,但...
使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴...