jquery - divの下の日時ピッカー

Question

私の日時ピッカーが残りのdivの後ろに隠れている理由を誰かが発見するのを手伝ってくれますか?

http://www.lcslegal.co.uk/booking-form.html

次の css 行を追加して、custom.css で修正しようとしましたが、役に立ちませんでした。

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

Answer 1

に(またはまたは)inputがある場合、のが取得され、日付ピッカーの が設定されます (+1)position: absolute;relativefixedz-indexinputz-index

例えば

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

日付ピッカーの結果z-index: 1001

Answer 2

Firebugz-index: 1000で「custom.css」に追加すると動作します...

custom.css (293 行目)

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

乾杯

Answer 3

クラスcol1の値はz-index10 です。日付ピッカーを手動z-indexで 1003 に変更すると、うまくいくようです。クラスの代わりに名前付き DIV で CSS を使用してみませんか。

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

Answer 4

z-index: 1000; を設定しようとしました。そしてそれは働いた