1

我们可以将图像放在 HTML 中的图像上吗？

我想要一些图像说 a.jpg 放在图像 b.jpg 上。请告诉它是否可能在（仅）HTML而不是
CSS中？

如果是，那又如何？

4

3 回答 3

5

参考

<img style="background:url(imageURL)" src="imageURL"/>

示例JSBin

于 2013-10-05T09:35:39.903 回答
2

您可以使用位置重叠两个图像？

<div>
   <img src="" class="a">
   <img src="" class="b">
<div>

div {
 position:relative;
}

.a {
  position:absolute;
  z-index:1;
  top:0; left:0;
}

.b {
  position:absolute;
  z-index:2;
  top:0; left:0;
}

B 图像将与 A 图像重叠。

于 2013-10-05T10:35:49.930 回答
1

将事物准确地放在另一个之上的最佳方法是将它们全部包装在一个 (div style="position:relative") 中，然后使用“position:absolute”及其相对于周围 div 的顶部和左侧位置。当相对 div 由于调整浏览器窗口的大小而移动到页面上的不同位置时，其中的所有内容包括 position:absolute 的内容都会随之移动。

像这样的东西可以做到：

<div style="position:relative; left:0; top:0;">
  <img src="x.png" style="position:relative; top:0; left:0;"/>
  <img src="y.png" style="position:absolute; top:30; left:70;"/>
</div>
于 2013-10-05T12:17:07.893 回答