我从正在处理的项目中提取了以下内容:
https://jsfiddle.net/x5oq3be6/

我期望位于下方的图像显示在其他图像上方
这正常吗?

在代码中

<div id="container">
<img id="window" src="https://i.imgur.com/pfMrcLo.png" alt="">
<img id="slider" src="https://i.imgur.com/bT9byOg.png" alt="">

</div>


和CSS

#container{
  position:relative;
}
#window,#slider{
  position:absolute;


}

#slider{
  top:-40px;
}


窗口在滑块上方
但是窗口显示在滑块下方

可能是什么原因?

谢谢

最佳答案

正如Temani所说,浏览器从上至下读取HTML。这是您对图像的不同顺序问题的示例。 https://jsfiddle.net/L8ez6h5p/7/

例:

<img id="window" src="https://i.imgur.com/pfMrcLo.png" alt="">
<img id="slider" src="https://i.imgur.com/bT9byOg.png" alt="">




<img id="slider" src="https://i.imgur.com/bT9byOg.png" alt="">
<img id="window" src="https://i.imgur.com/pfMrcLo.png" alt="">

09-10 08:49
查看更多