javascript - 一連のポップオーバーにブートストラップ モーダルを表示する

Question

いくつかのブートストラップ ポップオーバーを含む jsf ページがあります。これらのポップオーバーは、jQuery を使用してドラッグできます。

ボタンをクリックしてモーダルを表示すると、画面に表示されますが、モーダルの上にポップオーバーが表示され続けます。これが私のことを説明する画像です。

私は、bootstrap.css で、ポップオーバーの z-index がモーダルよりも大きいことに気付きました (最初は1060で、2 番目は1050です)。モーダルの z-index を変更して、より大きな値を設定しようとしましたが、うまくいきませんでした。

だから、誰かがこの問題に直面したのではないかと思っています。

Answer 1

それは間違いなくz-indexに関係しています。ブラウザーのインスペクターを使用して、z-index が実際に適用されているかどうかを確認してください。そうでない場合は、属性を重要に設定してください。

.modal {
  z-index: 2000 !important;
}

CSS スタイルを正常に上書きできるかどうかは、常にコンテキストに依存します (どの位置、セレクターがどの程度固有であるかなど)。