秀後臺覆蓋

Question

我有它作爲一個覆蓋在我的HTML內容的頂部背景這個CSS代碼的頂部DIV：

#ticket{ 
     display: block; 
     position: relative; 
    } 

    #ticket:before { 
     position: absolute; 
     display: block; 
     background:rgba(137,137,137,0.7); 
     content: ""; 
     top:0; 
     left:0; 
     right: 0; 
     bottom: 0; 
     z-index:9999; 
    } 

我怎樣才能使股利JQueryPopup DIV顯示在頂部覆蓋？

https://jsfiddle.net/gun82rgy/1/

Answer 1

只需設置在z索引一個以上值。 z-index屬性指定元素的堆棧順序。

.JQueryPopup { 
    position: fixed; 
    left: 50%; 
    top:25%; 
    -ms-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%); 
    width: 600px; 
    min-height: 80px; 
    padding: 15px; 
    background-color: #FFFFFF; 
    border: 2px solid #F36F25; 
    z-index: 99999; //See here 
    box-shadow: #000000 0 2px 18px; 
} 

DEMO HERE