如何在不使用postion的情况下叠加图像:绝对？

Question

我正在寻找合适的CSS方法,在不使用的情况下将div图像叠加在另一个div图像(不是背景图像)之上position:absolute.有人知道怎么做吗？

Answer 1

position: absolute并不是“不正确”——它是 CSS 规范的一部分！没有其他方法可以将元素放在其他元素之上，除非您对position: relative某些float属性感兴趣。

position: absolute是最简单的方法。是什么让你认为这是一个坏主意？

唯一的其他解决方案是在带有背景的 div 内使用图像，如下所示：

<div>
    <img src="...">
</div>

然后给 div a background-image：

div
{
    background: url(/images/foo.png) no-repeat;
}

但是，对于多个图像，我肯定会坚持使用position: absolute.

这里有一个非常糟糕的演示演示了效果。