很多解决方案是倾向加一个iframe的
看了看,适用性一般,特别是对于类似div菜单这样的需求。
既然可以运行时隐藏或显示相关html元素,于是就采用了后者。
在div显示部分增加如下代码:
//hide select element in show area
try{
var els=mainFrame.document.body.getElementsByTagName('select');
if(els.length>0){
for(var i=0;i<els.length;i++){
els[i].style.display = 'none';
}
;
}
}catch(e){}
在div隐藏部分增加如下代码
//show select element in show area
try{
var els=mainFrame.document.body.getElementsByTagName('select');
if(els.length>0){
for(var i=0;i<els.length;i++){
els[i].style.display = '';
}
;
}
}catch(e){}
分享到:
相关推荐
用div+jq高仿ie6的select表单随内容增加 进行了一个升级,将其做成一个类似插件的形式; 在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div...
ie6BUG解决方案
select 在ie6下覆盖div bug 解决方案。 div 模拟select 单选 在 body onload事件中调用init_select方法就可,参数传相关背景图片就可。我都已经放到资源包下了。
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...
使用div制作蒙版或模拟弹出窗口,但在IE6下,当div下方有下拉列表框select元素的时候,下拉列表框会划破div显示在div之上,不论z-index设为何值均会出现此问题,可能由于下拉列表控件的弹出式下拉列表的原因导致Z轴...
div 模拟 select 多选 实现还有点bug,望大家一起改正。
利用Jquery解决IE6下,Select的Z-index过高的BUG 经常有朋友下拉菜单被Select遮盖。可以用此方法解决!
ie特有bug
IEbug、IE6页面问题、IE6样式问题
解决IE6下三级下拉菜单被select遮挡的问题
计师在输出时,最头痛的就是各大浏览器的兼容性了,特别是ie6,多用“可恶”“老不死”来形容!而我看来,其实不然,既然ie6还没“死”,还有很多人在用,特别在china,自然有它存在的理由!在此不再多说!下面以一...
ie6-ie7 dom渲染bug demo
这里面有几个mht格式的网页来详解ie6下的bug问题!!!
定位的,IE6只能说是半支持,好吧,这么说吧,可能不太严谨,就是背景图片固定的效果似乎只在根结点起作用。举个很简单的例子: 先看这段css代码: body{background:url(../image/404.png) no-repeat fixed center ...
9个最常见的IE6 Bug,快解决头疼的IE6吧
在IE6的環境下,如果網頁上有div區塊和下拉選單重疊在一起的時候,即使再怎麼調整下拉選單的z-index,下拉選單還是會把div區塊蓋住(在Firefox是正常的),google了一下網路上的資料,大多是用iframe來解這個問題,但...
1 在IE6中,设定height为固定值时,当内容高于此设定值时,div框会自动扩展,而在IE7、IE8与firfox中div高度为固定值,不会扩展。Width同理。 标准 IE6 2 当设定min-height时,在标准浏览器中,表现为与IE6设定固定...
但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来!...