Question

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

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

如果是这样的话呢？

Answer 1

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

示例JSBin

Answer 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图像将与图像重叠。

Answer 3

将一个东西准确地放在另一个上面的最佳方法是将它们全部包裹在一起（div style =“position：relative”）然后使用“position：absolute”及其相对于周围div的顶部和左侧位置。当相对div移动到页面上的不同位置时，由于调整浏览器窗口的大小，其中的所有内容包括位置：绝对移动的内容。

这样的事情可以做到：

<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>

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

3 个答案: