6

ページに jQuery UI スライダーがあり、ドロップダウン メニューから突き出ています。

z-index を調整する方法はありますか、それとも何らかの理由でページの一番上の要素にする必要がありますか?

4

3 に答える 3

2

編集：申し訳ありませんが、DatePickersに関連する私の答えに気づき、ドロップダウンメニューについて質問されました。それでも問題の解決に役立つはずなので、答えは残しておきます。ドロップダウンメニューのz-indexが2より高く設定されていることを確認して、スライダーハンドルが透けて見えないようにします。

最近のjQuery-UIリリースのDatePickerコードで何かが変更されたようです。私は、次のCSSを使用して、スライダーのハンドルがDatePickersに表示されないようにしました。

.ui-datepicker {
  z-index: 4;
}

スライダーのハンドルはz-index2なので、これで問題は解決します。ただし、DatePickerはz-indexをdatepickerdiv要素に直接追加するようになりました。この値は値を上書きし.ui-datepickerます：

inst.dpDiv.zIndex($(input).zIndex()+1);

DatePickerのz-indexを4に設定しようとしましたinputが、すぐには機能しなかったようです。もっと時間をかければわかると思います。迅速な解決策が必要だったので、これを実行しました。

.ui-datepicker {
  z-index: 4 !important;
}

それでもうまくいかない場合は、値を1000または10000などに設定して、他z-indexの人が自分に対して機能していないことを確認してください。

于 2011-02-14T05:23:08.887 に答える
1

スライダーを含めると、スライダーにデフォルトの z-index セットが表示されませんが。スライダーに変えようとしている div に z-index が設定されているかどうかを確認します。

.ui-slider{
    z-index:1
}
于 2010-12-19T05:02:15.643 に答える
1

z-indexCSS ファイルでスライダーのハンドルの値を設定するだけです。

.ui-slider .ui-slider-handle { z-index: 1; }

W3Schools の説明によると:

"z-index プロパティは、要素のスタック順序を指定します。

スタック順序が大きい要素は、常にスタック順序が小さい要素の前にあります。」

于 2016-05-03T15:58:28.123 に答える