css中关于层叠上下文的相关问题

问题描述

问 题

求教：以下代码想实现让一个png格式的小圆点层叠显示在div+css画的长条矩形上，但是加载完页面后没有看到圆点。求教以下代码有什么问题？

<div id="time_move">
    <img src="./assets/icons/dot.png" id="process_img"></img>
</div>

---

#time_move{
    width:500px;
    height:8px;
    background-color:gray;
    border: 1px solid #777;
    border-radius: 5px;
    display:inline-block;    
    vertical-align:middle;
}

#process_img{
    position:relative;
    top:10%;
    left:1%;
    z-index:1;
}

解决方案

发现不是上面代码的问题，而是引入的JS代码中的问题。

这篇关于css中关于层叠上下文的相关问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！