html - 如何将背景图像放在div内的img前面

Question

我有一个 div，它有一个 background-img 和这个 div 内的 img 元素。我希望 background-img 显示在 img 之上。两个图像都是相对定位的。我知道这听起来有点奇怪，我的意思是这是一个“背景”图像，但如果有任何方法可以做到这一点，那将真正帮助我这是我的简单代码:

<div id="sample_div">
    <img src="path of the image">
</div>

<style>
    #sample_div{
        position: relative;
        background-img= url(another path);
    }
    #sample_div img{
        position:relative;
    }
</style>

有关这些图像的更多信息:背景图像是 1800*150 尺寸的地板，我想显示 2 个 Angular 色站在它上面。我想对齐这 2 张图像，使它们站在这张地板图像的顶部，并且它们的脚稍微低于地板的顶面。我认为这可能有助于弄清楚我真正想做什么

Answer 1

z-index: 100;

Z-Index，总是会重新定位事物，无论你想要事物在前面还是后面。当然，要使事情倒退，请将其设为负数。它不必是 100，我总是使用更大的数字。希望这有帮助