jQuery日期选择器Z-index问题 [英] Jquery date picker z-index issue

问题描述

我有一个幻灯片显示div，并且该div上方有一个datepicker字段.

I have a slideshow div, and I have a datepicker field above that div.

当我单击日期选择器"字段时，日期选择器面板显示在幻灯片div的后面.

When I click in the datepicker field, the datepicker panel show behind slideshow div.

我将脚本放置为:

http://ajax.googleapis.com/ajax/libs /jqueryui/1.8.14/jquery-ui.min.js

因此，我无法在CSS中更改datepicker的z-index.脚本正在生成的datepicker的z索引是1，我的幻灯片div(也通过googleajaxapi调用)z索引是5.所以我想我必须将日期选择器的z索引增加到大于5.有什么办法增加它吗?

So I cannot change the z-index of datepicker in CSS. The z-index of datepicker which the script is generating is 1 and my slideshow div(also calling thru googleajaxapi) z-index is 5. So I guess I have to increase the z-index of date picker greater than 5. So is there any way to increase it ?

有人可以帮助我吗?

推荐答案

在输入"文本元素中输入以下样式:position: relative; z-index: 100000;.

Put the following style at the 'input' text element: position: relative; z-index: 100000;.

datepicker div从输入中获取z索引，但这仅在位置相对时有效.

The datepicker div takes the z-index from the input, but this works only if the position is relative.

使用这种方式，您无需从jQuery UI修改任何JavaScript.

Using this way you don't have to modify any javascript from jQuery UI.

这篇关于jQuery日期选择器Z-index问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！