0

Contact form 7 を使用してフォームを作成しています。ユーザーが日付フィールドをクリックすると、jQuery UI の日付ピッカーがポップアップしますが、下のフィールドの下に半分隠れています。(例として下の画像を参照してください)

ここに画像の説明を入力

jQuery UI の日付ピッカーが下のフィールドに完全に表示されるようにするには、CSS に何を追加する必要がありますか?

テキスト フィールドに使用している CSS は次のとおりです。他の CSS を含める必要がある場合はお知らせください。

#contact li .text{
   background: #F0EFEF;
   padding:15px 10px 10px 0;
   position:absolute;
   z-index:100;
   min-width:85px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-right-radius:5px;
   border-top-left-radius: 5px;
   -moz-border-radius-topleft:5px;
   -webkit-border-top-left-radius:5px;
   text-indent: 5px;
}
4

2 に答える 2

0

#contact li .text の z-index は干渉していますか? 可能であれば、その z-index を下げてみてください。UI Datepicker は独自の CSS ファイルを使用しており (ご存じのとおり)、これと競合する可能性があります。

100 より大きい z-index を UI 日付ピッカーに追加するか、CSS の z-index を下げてみてください。

要素はui-datepicker-div

于 2013-03-28T20:41:35.713 に答える
0

jQuery UI の CSS には、クラスのz-index指定がありません。日付ピッカーを一番上に保つには、またはそれ以上を.ui-datepicker追加します。z-index: 101

于 2013-03-28T20:14:28.997 に答える