WordPress的Z-指數問題

Question

這是影響我想CSS effect

我在wordpress主題，但不工作的一頁嘗試這樣。這裏是這樣的情況： 當我解開z-index帶陰影的旋轉盒條來到該區域的正面時，但是當我將它重新打開時，陰影消失並且旋轉的條紋消失。這個效果背後的場景是在顯示陰影的同時隱藏背景區域後面的旋轉條。任何解決這個請嗎？ 下面是代碼：

HTML

<div class="box effect1"> 
<h3>Effect 1</h3> 

CSS

 .box h3 
     { 
     text-align:center; 
     position:relative; 
     top:80px; 
     } 

    .box 
     { 
     width:70%; 
     height:200px; 
     background:#FFF; 
     margin:40px auto; 
     } 

    .effect2 
     { 
     position: relative; 
     } 

    .effect2:before, .effect2:after 
     { 
     z-index: -1; 
     position: absolute; 
     content: ""; 
     bottom: 15px; 
     left: 10px; 
     width: 50%; 
     top: 80%; 
     max-width:300px; 
     background: #777; 
     box-shadow: 0 15px 10px #777; 
     transform: rotate(-3deg); 
     } 

    .effect2:after 
     { 
     transform: rotate(3deg); 
     right: 10px; 
     left: auto; 
     } 

Answer 1

你的CSS是指 「EFFECT2」 但你的DIV有一類「EFFECT1的「

當我將DIV更改爲「效果2」時，我看到了您想要的樣式。