html - 如何在 CSS 3 中将一张图片放在另一张图片上？

Question

我正在尝试创建如下所示的盒子阴影效果。阴影是使用纯 CSS3 代码开发的：

但是由于背景图像，阴影没有出现，如下所示。

如何将阴影放在顶部？

Answer 1

也许这样的事情会为你做的工作

<div style="position: relative; left: 0; top: 0;">
  <img src="image1.jpg" style="position:absolute; top: 25px; left: 25px; z-index: 1;"/>
  <img src="image2.jpg" style="position:absolute; top: 80px; left: 25px; z-index: 3;"/>
</div>

希望能帮助到你。

Answer 2

如果您使用图像作为阴影，则需要相对定位它并使用 z-indexing。正如上面的帖子所暗示的，你能说得更具体一点吗？