`
speed_guo
  • 浏览: 313876 次
  • 性别: Icon_minigender_1
  • 来自: 湖北
社区版块
存档分类
最新评论

ddlevelsmenu在IE6下,与select冲突的解决办法【整理】

阅读更多

原讨论贴:http://topic.csdn.net/u/20090511/11/d176e9da-7b96-4197-abc1-cf02ccbe1982.html

ddlevelsmenu感觉还是比较好用的,但是在万恶的IE6下面还是会出现不少问题,其中一个就是:
与<select>标签会有冲突,子菜单无法弹出,google一下,发现一个解决办法。

在ddlevelsmenu.js 里有一句 ddlevelsmenu.positionshim(this, submenu, dir, scrollX, scrollY) ,将里面两行代码注释掉即可:

positionshim:function(header, submenu, dir, scrollX, scrollY){
    //alert(dir)
    if (header._istoplevel){
        var scrollY=window.pageYOffset? window.pageYOffset : this.standardbody.scrollTop
        var topgap=header._offsets.top-scrollY
        var bottomgap=scrollY+this.docheight-header._offsets.top-header._dimensions.h
        if (topgap>0){
            this.shimmy.topshim.style.left=scrollX+"px"
            this.shimmy.topshim.style.top=scrollY+"px"
            this.shimmy.topshim.style.width="99%"
            //this.shimmy.topshim.style.height=topgap+"px" //distance from top window edge to top of menu item
        }
        if (bottomgap>0){
            this.shimmy.bottomshim.style.left=scrollX+"px"
            this.shimmy.bottomshim.style.top=header._offsets.top + header._dimensions.h +"px"
            this.shimmy.bottomshim.style.width="99%"
            //this.shimmy.bottomshim.style.height=bottomgap+"px" //distance from bottom of menu item to bottom window edge
        }
    }
}

  子菜单无法弹出的问题解决,但是IE6下DIV无法盖住SELECT的Bug会出现,还好,这个bug还在可接受范围之内。

上了ddlevelsmenu菜单的贼船,只有认了。

 

  注:本文转自stu-acer空间

分享到:
评论

相关推荐

    ie6下select覆盖div的解决办法

    总的来说,解决IE6下的Select覆盖Div问题需要根据实际情况灵活运用上述方法。在现代浏览器广泛使用的今天,虽然IE6的市场份额已经非常小,但考虑到部分用户可能还在使用,开发者仍需关注此类兼容性问题。在解决这类...

    完美解决IE6下select控件样式

    "完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中用于创建下拉菜单的元素,但在不同的浏览器中,其默认样式可能会有很大差异,特别是对于IE6,它的呈现效果通常不符合现代网页...

    解决IE6中 Div层挡不住Select组件

    "解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...

    解决IE6 中select 穿透 div 等层的问题

    在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...

    ie6弹出框被select遮住解决办法

    ie6弹出框被select遮住解决办法. 只要很简单的操作就可以实现,兼容IE6,IE7,IE8,FF |

    ie6下select遮挡div

    标题“ie6下select遮挡div”指出的是一个典型的IE6特有的问题:当在网页上使用select下拉框时,它会覆盖在其他使用绝对或相对定位的元素(如div)之上,导致这些元素无法正常显示。这个问题对于设计美观且交互性强的...

    ie6下DIV覆盖select框js解决代码

    总结来说,解决IE6下`div`覆盖`select`框的问题需要理解浏览器的层叠上下文规则,并利用JavaScript动态调整元素的样式。虽然这种问题在现代浏览器中很少出现,但在维护旧项目或考虑跨浏览器兼容性时,理解并掌握这种...

    致WEB前端开发者:IE6-IE11兼容性问题列表及解决办法

    IE6-IE11 兼容性问题列表及解决办法 作为一名 WEB 前端开发者,了解 IE 浏览器的兼容性问题是非常重要的。在 IE6 到 IE11 的版本更新中,存在许多的变化和改进,这些变化可能会影响到我们编写的前端代码的兼容性。...

    IE6下 Jquery EasyUI 弹出窗口层无法挡住select 组件 解决方案

    本文将详细探讨一个特定的问题,即在Internet Explorer 6(IE6)环境下,使用JQuery EasyUI时,弹出窗口(对话框)无法正确遮挡页面上的select组件,以及如何解决这一问题。 JQuery EasyUI是一个基于jQuery的UI库,...

    select2兼容ie8版本的js css zh-cn.js

    《关于Select2在IE8及更高版本中的兼容性与应用》 在Web开发过程中,兼容性问题始终是一个棘手的问题,尤其是对于那些老旧但仍然被广泛使用的浏览器,如Internet Explorer 8 (IE8)。Select2,作为一个强大的下拉框...

    基于Jquery模拟Select,解决IE显示问题

    Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题,导致Select元素在样式控制上可能不尽如人意。此外,某些复杂的Select功能,如多选、搜索过滤等,在IE上实现起来比较困难。因此,...

    IE6中select标签的option不能disabled的解决方案

    通过使用`select-option-disabled-emulation.js`,开发者能够在不牺牲兼容性的前提下,为IE6用户提供与现代浏览器相同的体验。这在那个时候是非常重要的,因为IE6的市场份额相当大,强制用户升级浏览器并不是一个...

    jQuery select小控件适用IE6、IE7、IE8

    提供原代码,可以根据自己的项目要求修改,只在IE6、IE7、IE8、IE9中测试。有问题联系邮箱:zliuyao2010@163.com 初始化构造 &lt; input id="text1" type="text" echange="echange" class="e_select" style="width: ...

    IE6下Select元素被div等元素覆盖的解决办法

    在IE6浏览器中,一个常见的布局问题是下拉选择框(select元素)在使用div元素制作蒙版或弹出层时会被覆盖,即使给div设置了更高的z-index也无法解决。此问题的根本原因在于IE6对z-index属性的解释与其它浏览器不同,...

    解决 Ie 6下 select挡住div的通用函数

    /** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...

    select IE内 核美化

    6. **浏览器兼容性测试**:由于IE浏览器的版本众多,且各版本对CSS和JS的支持程度不一,所以在开发过程中需要进行广泛的浏览器兼容性测试,确保在各种IE版本下都能正确显示和功能正常。 7. **性能优化**:美化过程...

    jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js

    jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js

    select2_ie8.rar

    《Select2插件在IE8下的兼容性优化与应用》 在Web开发中,选择框(Select)是我们经常遇到的一种元素,特别是在数据量较大或需要提供搜索功能时,普通的HTML Select往往无法满足需求。这时,JavaScript插件Select2...

    DIV+select美化支持IE6 IE7 火狐(门户搜索)觉得兼容

    主要是针对HTML中的`&lt;div&gt;`元素和`&lt;select&gt;`下拉菜单进行美化,并确保在不同浏览器,特别是老旧的Internet Explorer(IE6、IE7)以及Firefox上能正常显示和功能兼容。 网页设计中,`&lt;div&gt;`是一种布局容器,用于组织...

    解决IE6下三级下拉菜单被select遮挡的问题.docx

    IE6在处理浮动元素和绝对定位元素时,有时会忽略z-index属性,尤其是当这些元素与`&lt;select&gt;`元素重叠时。`&lt;select&gt;`元素在IE6中具有较高的默认堆栈顺序,导致其他浮动或绝对定位的元素无法在其上方显示。 解决这个...

Global site tag (gtag.js) - Google Analytics