JQuery UI日期选择器不在IE 6中的下拉列表上

JQuery UI日期选择器不在IE 6中的下拉列表上,jquery,internet-explorer-6,datepicker,drop-down-menu,Jquery,Internet Explorer 6,Datepicker,Drop Down Menu,由于某种原因,我们的日期选择器落后于IE6中的下拉列表 我所做的每一次搜索似乎都建议日期选择器应该处理这个问题 我们有以下css: .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter:

由于某种原因,我们的日期选择器落后于IE6中的下拉列表

我所做的每一次搜索似乎都建议日期选择器应该处理这个问题

我们有以下css:

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
我已尝试添加bgiframe并调用:

$(“#ui日期选择器div”).bgIframe()

但这并不能解决问题

有什么想法吗


我想我们需要有使用jQueryUIDatePicker经验的人来帮助我们解决这个问题

z-index:-1是否会将层发送到堆栈的后面,从而将其置于表单元素下


我想你可能需要一个正值。

你肯定需要BGIFrame-

解决这一问题的最快和最简单的方法是使用插件,该插件应该可以解决IE6的问题。

问题是IE6的z索引错误。我以前见过这个问题,但从未在jQuery中使用过。这里有几个链接可以帮助你找到正确的方向


无法及时找到解决方案,因此最后只需输入一些代码来隐藏下拉列表

beforeShow: function() {
    $('.searchPanelGroup6').css('visibility', 'hidden');
},
onClose: function() {
    $('.searchPanelGroup6').css('visibility', 'visible');
}

我们没有太多地使用显式定位,因此对我来说,最近可以将以下样式直接应用于不会隐藏在日期选择器下面的selects/dropdown元素:

zoom:-1;位置:相对位置

(哦,它被应用在一个单独的样式表中,该样式表仅用于ms ie 6…)

try$(“#datepickerid”).bgiframe()

bgiframe插件可在

jQueryUI团队在大多数存在此类问题的地方都使用它


希望它也能为您工作。

CSS是jquery ui提供的,也是每个人都说要使用的。只有在表单元素定位的情况下。在IE6中,下拉菜单是activex控件,无论如何都不遵循z索引。您尝试过$(“#ui datepicker div”).bgIframe();但它似乎并没有解决问题……它都是小写:$(“#ui datepicker div”).bgiframe();