div上面的div漂浮在下面的div上，没有造型下面的div

Question

我需要将第一个div放在下面的div上。第一个div包含一个png图像，第二个div包含一个背景纹理。

问题是第二个div在页脚中，这对于其他页面也很常见。这是在单独的php文件中并包含在内。所以我无法编辑第二个div。 如何通过仅设计第一个div来实现这一目标？

            <div style="">
                <img src="sample.png">
            </div>
            <div style="background-image: url('bg.jpg');">

            </div>

div下面的

是另一个php文件。

Answer 1

如果你想重叠两个html元素然后你必须在css中使用绝对位置你可以写css这样的东西

.firstdiv
{
  position :absolute;
  top: 20px;  /* as per your design you can change it */
}