無法獲得DIV覆蓋在其他分區的頂級

Question

這裏是我的HTML：

<div class="image-container" >  
    <div class="image-overlay"> 
    dsfsadfdsafjhjkdhfkjashflksadhjfklasdjhfklsjdkfhasdjkhfsjkhdjkfs 
    </div>         
    <div class="img-user"> 
    <img src="/images/flandre.jpg" width="220" /> 
    </div> 
</div> 

而CSS：

.image-container { 
    position: relative;  
} 

.img-user, .img-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

.img-overlay { 
    position: absolute; 
    z-index: 10; 
} 

但<div class="image-overlay">下方出現<div class="img-user">。

我想要按照this question的頂部答案中的示例，它看起來像我做了類似的事情，但它不起作用。

Answer 1

您的班級中存在拼寫錯誤。

你正在寫你的css的img-overlay。

您在HTML中使用圖像疊加。