我从正在处理的项目中提取了以下内容:
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="">