html - CSS - ポップアップがページ上の他の要素の背後に隠れないようにする

Question

Aにはポップアップdivがあります。しかし、ポップアップでは、ページ上の他の要素の背後に隠れています。ポップアップ div が常にページ上の他の要素の上にあるようにするにはどうすればよいですか?

Answer 1

cssz-indexが他のものよりも高いことを確認してください。

(注: z-index は、配置された要素 (position:absolute、position:relative、または position:fixed) でのみ機能します。

Answer 2

ポップアップを別の要素の上に表示するには、前の要素の z-index プロパティが遅れる要素よりも大きくなければならないことを確認する必要があります

//this id element will get at front
#front {
    z-index:2;
}
//this id element will be behind #front element
#back {
    z-index:1;
}