CSS - ポップアップが他の要素の背後に隠れるのを防ぐ

Question

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

Answer 1

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

（注：Zインデックスのみで動作します位置の要素（位置：絶対位置：相対、または位置：固定）

Answer 2

あなたのポップアップを作るためには、別の要素の上に表示されるよろしいのz-indexプロパティことを行う必要があります前部要素が1以上でなければなりませんのためにどれが背後

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