JQuery UI datepicker 没有坐在 IE 6 中的下拉菜单上答案

【问题标题】：JQuery UI datepicker not sitting over dropdowns in IE 6JQuery UI datepicker 没有坐在 IE 6 中的下拉菜单上
【发布时间】：2010-10-24 19:36:45
【问题描述】：

由于某种原因，我们的日期选择器在 IE6 中落后于它下方的下拉菜单

www.senegal.co.uk

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

我们确实有以下 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-datepicker-div").bgIframe();

但这并不能解决问题。

有什么想法吗？

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

【问题讨论】：

标签： jquery internet-explorer-6 datepicker drop-down-menu

【解决方案1】：

你肯定需要 BGIFrame - http://docs.jquery.com/Plugins/bgiframe

【讨论】：

试过 $("#ui-datepicker-div").bgIframe();但它似乎并没有解决问题......
都是小写：$('#ui-datepicker-div').bgiframe();

【解决方案2】：

解决此问题的最快和最简单的方法是使用BGIFrame 插件，它应该可以解决您的 IE6 问题。

【讨论】：

【解决方案3】：

问题是 IE6 的 z-index 错误。我以前见过这个问题，但从来没有在 jQuery 中使用过。这里有几个链接可以帮助您朝着正确的方向前进。

Link1 Link2

【讨论】：

【解决方案4】：

试试 $("#datepickerid").bgiframe();

bgiframe 插件可在http://docs.jquery.com/Plugins/bgiframe 获得

jQuery UI 团队在他们遇到此类问题的大多数地方都使用它。

希望它也对你有用。

【讨论】：

【解决方案5】：

不会 z-index: -1 将图层发送到堆栈的back，从而将其放在表单元素下吗？

我认为你可能需要一个正值。

【讨论】：

那个CSS就是jquery ui提供的，大家说用的。
仅当表单元素被定位时。在 IE6 中，下拉菜单是 activex 控件，无论如何都不服从 z-index。

【解决方案6】：

没能及时找到解决办法，所以最后只是放了一些代码来隐藏下拉菜单

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

【讨论】：

【解决方案7】：

我们并没有过多地使用显式定位，所以对我来说，它最近将以下样式直接应用于不会隐藏在日期选择器下方的选择/下拉元素：

zoom: -1; position: relative;

（哦，它是在单独的样式表中应用的，仅用于 ms 即 6...）

【讨论】：