0

我正在为班加罗尔附近的野生动物度假村http://www.innthewild.com开发一个网站,并且一直在尝试解决一个关于 jQuery 的简单问题几个小时。

我在 Google 和 StackOverflow 上都进行了研究,但由于我的问题有点独特,我还没有找到解决方案。

本质上,作为我主页设计的一部分,我有一个来自 jQuery 的 jimage-slider 小部件和一个 datepicker 小部件。现在的问题是,当我单击输入框激活 datePicker 时,弹出的 datePicker 弹出窗口不断被 jimage-slider 小部件的标题更新推到后台。

此外,这个问题似乎是特定于浏览器的,因为 IE10,datePicker 位于前台,而在 Chrome 中,datePicker 一直被推到后台。所以在 IE10 上页面看起来不错,字幕更新在后台,我可以轻松选择一个日期。而在 Chrome 中,事情变得一团糟。我猜它与浏览器如何实现其渲染算法有关 - 但我正在寻找我可以在 jimage-slider 或 datePicker 上进行的一些 CSS 属性更改以获得我需要的行为。本质上要么确保 datePicker 始终在前台,要么 jimage-slider 始终在后台...

有关源代码的详细信息,请访问上述链接并通过浏览器查看源代码...

非常感谢任何指点,这是我第一次玩 jQuery,所以我不完全了解如何去做。

4

1 回答 1

0

添加到您的 CSS:

#sliderFrame { z-index: -50 }

在 Chrome 上测试。

jquery UI 数据选择器在内联 CSS 中的 z-index 为 1,因此我们选择的 z-index 小于此值,以确保它以堆叠顺序显示在其下方。

于 2013-09-01T19:41:54.930 回答