0

私は、バンガロール近くのワイルドライフ リゾートhttp://www.innthewild.comの Web サイトに取り組んでおり、jQuery に関する簡単な問題を何時間も解決しようとしています。

StackOverflow だけでなく Google も調査しましたが、私の問題は少し特殊であるため、解決策を見つけることができませんでした。

基本的に、ホームページのデザインの一部として jQuery から jimage-slider ウィジェットと datepicker ウィジェットを使用しています。ここでの問題は、入力ボックスをクリックしてdatePickerをアクティブにすると、出てくるdatePickerポップアップが、jimage-sliderウィジェットからのキャプション更新によってバックグラウンドにプッシュされ続けることです。

さらに、この問題はブラウザ固有のようです.IE10以降、datePickerはフォアグラウンドにあり、ChromeのようにdatePickerはバックグラウンドにプッシュされ続けます. そのため、IE10 ではページは問題なく表示され、キャプションの更新はバックグラウンドで行われ、日付を簡単に選択できます。一方、Chrome では問題が発生します。ブラウザがレンダリングアルゴリズムを実装する方法に関係があると推測していますが、必要な動作を得るために jimage-slider または datePicker で行うことができる CSS プロパティの変更を探しています。基本的に、datePicker が常にフォアグラウンドにあることを確認するか、または jimage-slider が常にバックグラウンドにあることを確認します...

ソースコードの詳細については、上記のリンクにアクセスして、ブラウザでソースを表示してください...

ポインタをありがとう、これは私がjQueryを使ってプレイするのは初めてなので、物事をどのように進めるかを完全には認識していません。

4

1 に答える 1

0

CSS に追加します。

#sliderFrame { z-index: -50 }

Chrome でテスト済み。

jquery UI datapicker には、インライン CSS で z-index 1 が与えられているため、スタック順でその下に表示されるように、これよりも小さい z-index を選択しています。

于 2013-09-01T19:41:54.930 に答える