2012-01-04 4 views
0

私はjQueryのdatepickerを持っていて、表示されているときにいくつかの入力ボタンに重なるボタンがあることを示しています。 datepickerをクリックすると、ポップアップが消え、入力ボタンが選択され、datepickerがかなり使用できなくなります。jQuery DatepickerはHTML入力をオーバーラップしますが、htmlが優先されますか?

jQueryオーバーレイをフォアグラウンドに保ち、その背後にあるボタンよりも優先させる方法はありますか?

+0

これは偶然にAndroid Webkitで起こりますか? –

+1

'z-index'を高くします。 – PeeHaa

+0

私はFF9などでこれを経験しています – cars

答えて

0

あなたが本当にあなたのターゲットブラウザで動作のバグだと思っているなら(つまり、書いたとおりの方法で動作しなければならないが、そうでない場合)、「隠れた」入力をターゲットにすることでそれを補うことができますボタンの動作をデフォルトにしないようにします。これはハックとして私を襲い、私はdatepickerがデフォルトで、またはalexdlairdの提案でうまくいかない理由を見ることができませんが、時にはユーザビリティのバグを修正するためにハックする必要があります!

.myInputはリテラルではなく、入力をターゲットとする他のセレクタです。

1

コードを投稿することなく伝えるのは難しいですが、私はjQuery UI Datepickerをコード内で正常に使用しています。常に上に表示されるようです。要素はすべて同じコンテナ内にありますか?どのようにDatepickerを初期化していますか?あなたはどんなテーマを使っていますか?

あなたはそうのようにCSSに日付ピッカーのzインデックスを設定してみてください可能性:日付ピッカーを重ね戦いに勝利するまで

#date-picker{ z-index: 1; } 

は、zインデックスが高い作り続けます。

問題が引き続き発生する場合は、JSFiddle.netで再作成してお手伝いください。

+0

また、 'z-index'も要素があるコンテナによって異なります。 – PeeHaa

+0

また、いくつかのブラウザ(IE8と私は信じていますか?)では、z-indexはposition属性を介して準名前空間になっています。積み重ねるには、要素が同じ位置タイプ(相対、静的)を持つ必要があることがあります。私はすべての詳細を思い出すことはできませんが、検索エンジンはより多くの洞察を提供できるはずです。 –

関連する問題