很多解决方案是倾向加一个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){}
分享到:
相关推荐
今天我说说iframe解决的一般方法,已经使用jQuery插件bgiframe解决IE6 select z-index无效,遮挡div的bug。 解决方法之一:Iframe包裹select元素 使用iframe包住select,这样iframe有z-index,只要在div上设置的z-...
在早期的Internet Explorer 6(简称IE6)浏览器中,存在一个著名的布局bug,这个问题主要涉及到`<select>`元素与`<div>`元素的层叠上下文(Z-index)处理。当一个`<div>`元素试图遮盖页面中的下拉列表框`<select>`时...
在互联网的早期,尤其是IE6浏览器占据主导地位的时代,开发者们常常会遇到一个棘手的问题:在页面上,当一个`div`层位于`select`下拉框之上时,`select`控件会穿透`div`层显示出来,导致设计效果无法正常展现。...
用DataGrid基于jQuery(实际上只用了它的按照类查找元素一个方法)写的自定义DropDownList,解决不能控制生成后的Select html控件不能控制zIndex而遮挡Div层及其他复杂样式,没有封装成dll,压缩包里是例子及所有用到...
-这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性AjaxAspnetControls。 -这个属性和Button得ValidateForms属性类似,可以查看Asp...
-这个BUG导致Asp.net compatibility中的示例无法完成,现在已经修正。 +去除PageManager中方法AddAjaxAspnetControls,增加属性AjaxAspnetControls。 -这个属性和Button得ValidateForms属性类似,可以查看Asp...
11. **IE中的div和select交互**:在Internet Explorer中,解决了div元素被select控件遮挡的问题,确保了在各种布局下的正常显示。 12. **方向键支持**:用户可以通过上下方向键选择列表中的建议项,增加了键盘导航...
- **IE6中的常见Bug及解决方案**: - **双像素边框问题**:可以通过设置`display: inline`来解决。 - **Min-height问题**:可以使用`important`来解决。 - **PNG透明问题**:可以使用JavaScript来实现。 - **...