原讨论贴: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的市场份额已经非常小,但考虑到部分用户可能还在使用,开发者仍需关注此类兼容性问题。在解决这类...
"完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中用于创建下拉菜单的元素,但在不同的浏览器中,其默认样式可能会有很大差异,特别是对于IE6,它的呈现效果通常不符合现代网页...
"解决IE6中 Div层挡不住Select组件"这个问题是一个典型的例子,它反映了IE6在CSS层叠样式和Z-index处理上的独特行为。 在现代浏览器中,我们可以利用CSS的`z-index`属性来控制元素的前后堆叠顺序,从而让某些元素...
在互联网的早期,Internet Explorer 6 (简称IE6) 是一款广泛应用的浏览器,但它的兼容性和渲染机制存在诸多问题,其中一个问题就是“select穿透div”的现象。这个问题在现代浏览器中通常不会出现,但在IE6中,`...
ie6弹出框被select遮住解决办法. 只要很简单的操作就可以实现,兼容IE6,IE7,IE8,FF |
标题“ie6下select遮挡div”指出的是一个典型的IE6特有的问题:当在网页上使用select下拉框时,它会覆盖在其他使用绝对或相对定位的元素(如div)之上,导致这些元素无法正常显示。这个问题对于设计美观且交互性强的...
总结来说,解决IE6下`div`覆盖`select`框的问题需要理解浏览器的层叠上下文规则,并利用JavaScript动态调整元素的样式。虽然这种问题在现代浏览器中很少出现,但在维护旧项目或考虑跨浏览器兼容性时,理解并掌握这种...
IE6-IE11 兼容性问题列表及解决办法 作为一名 WEB 前端开发者,了解 IE 浏览器的兼容性问题是非常重要的。在 IE6 到 IE11 的版本更新中,存在许多的变化和改进,这些变化可能会影响到我们编写的前端代码的兼容性。...
本文将详细探讨一个特定的问题,即在Internet Explorer 6(IE6)环境下,使用JQuery EasyUI时,弹出窗口(对话框)无法正确遮挡页面上的select组件,以及如何解决这一问题。 JQuery EasyUI是一个基于jQuery的UI库,...
《关于Select2在IE8及更高版本中的兼容性与应用》 在Web开发过程中,兼容性问题始终是一个棘手的问题,尤其是对于那些老旧但仍然被广泛使用的浏览器,如Internet Explorer 8 (IE8)。Select2,作为一个强大的下拉框...
Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题,导致Select元素在样式控制上可能不尽如人意。此外,某些复杂的Select功能,如多选、搜索过滤等,在IE上实现起来比较困难。因此,...
通过使用`select-option-disabled-emulation.js`,开发者能够在不牺牲兼容性的前提下,为IE6用户提供与现代浏览器相同的体验。这在那个时候是非常重要的,因为IE6的市场份额相当大,强制用户升级浏览器并不是一个...
提供原代码,可以根据自己的项目要求修改,只在IE6、IE7、IE8、IE9中测试。有问题联系邮箱:zliuyao2010@163.com 初始化构造 < input id="text1" type="text" echange="echange" class="e_select" style="width: ...
在IE6浏览器中,一个常见的布局问题是下拉选择框(select元素)在使用div元素制作蒙版或弹出层时会被覆盖,即使给div设置了更高的z-index也无法解决。此问题的根本原因在于IE6对z-index属性的解释与其它浏览器不同,...
/** * 让iframe 显示在 指定的div下面 针对ie6 select挡住div 的bug 采用 iframe来当作div的底 * * @param string divId 需要解决的div层 * @param string iframeId 采用的 IFRAME ,如果不指定 自动...
6. **浏览器兼容性测试**:由于IE浏览器的版本众多,且各版本对CSS和JS的支持程度不一,所以在开发过程中需要进行广泛的浏览器兼容性测试,确保在各种IE版本下都能正确显示和功能正常。 7. **性能优化**:美化过程...
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
《Select2插件在IE8下的兼容性优化与应用》 在Web开发中,选择框(Select)是我们经常遇到的一种元素,特别是在数据量较大或需要提供搜索功能时,普通的HTML Select往往无法满足需求。这时,JavaScript插件Select2...
主要是针对HTML中的`<div>`元素和`<select>`下拉菜单进行美化,并确保在不同浏览器,特别是老旧的Internet Explorer(IE6、IE7)以及Firefox上能正常显示和功能兼容。 网页设计中,`<div>`是一种布局容器,用于组织...
IE6在处理浮动元素和绝对定位元素时,有时会忽略z-index属性,尤其是当这些元素与`<select>`元素重叠时。`<select>`元素在IE6中具有较高的默认堆栈顺序,导致其他浮动或绝对定位的元素无法在其上方显示。 解决这个...