jquery - div下方的日期时间选择器

Question

谁能帮我发现为什么我的日期时间选择器隐藏在其他 div 后面？

我添加了这行 css 以尝试在 custom.css 中修复它，但无济于事：

.ui-datepicker, #ui-timepicker-div { z-index:1003; }

score 1 · Accepted Answer

如果input有一个position: absolute;（或relative或fixed），那么的z-index被input用来设置z-index日期选择器的（+1）

例如

input.setAttribute( "style", "position: relative; z-index: 1000" );
$(input).datepicker( .....

导致日期选择器z-index：1001

score 0 · Accepted Answer

当我使用Firebugz-index: 1000添加到“custom.css”时它会起作用......

custom.css（第 293 行）

.ui-datepicker {
  padding: 0.2em 0.2em 0;
  width: 17em;
  z-index: 1000; /* added */
}

干杯

score 0 · Accepted Answer

类col1有z-index10。如果我手动将日期选择器更改z-index为 1003，它似乎可以工作。为什么不尝试在命名的 DIV 上使用 CSS 而不是类。

#ui-datepicker-div, #ui-timepicker-div { z-index: 1003; }

score 0 · Accepted Answer

0

我试图设置 z-index: 1000; 它奏效了

于 2009-11-18T17:19:29.087 回答

4 回答 4