0

出于某种原因,我们的日期选择器在 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 经验的人来帮助我们解决这个问题!

4

7 回答 7

3

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

于 2009-05-08T15:10:23.820 回答
2

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

于 2009-05-08T15:12:02.723 回答
1

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

链接 1 链接2

于 2009-05-08T15:13:46.183 回答
1

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

bgiframe 插件位于http://docs.jquery.com/Plugins/bgiframe

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

希望它也适合你。

于 2009-07-20T05:13:10.957 回答
0

不会 z-index: -1 将图层发送到堆栈的后面,从而将其放在表单元素下吗?

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

于 2009-05-08T14:58:54.737 回答
0

无法及时找到解决方案,所以最后只需输入一些代码来隐藏下拉菜单

beforeShow: function() {
    $('.searchPanelGroup6').css('visibility', 'hidden');
},
onClose: function() {
    $('.searchPanelGroup6').css('visibility', 'visible');
}
于 2009-05-11T08:54:11.077 回答
0

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

zoom: -1; position: relative;

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

于 2009-07-17T09:40:30.680 回答