无法将div叠加到其他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中使用了图片叠加。