Html 将图片覆盖并复制到其他图片上

我有这张照片：

我想要这张照片：

在图片上，我得到了这个“点效应”

我还必须重复这张照片，这样才能与另一张相吻合。我设法把它们都放在同一个地方，但没有让第二个在第一个地方重复

---

请帮忙。在过去的两天里，我在谷歌上搜索了这张图片，但没有找到答案。

使用第一张图片作为主背景，而不是使用另一个元素上的

position:absolute

和background image来将点状图片放置在第一张图片上。为什么要用背景图像覆盖？这是因为您可以为背景设置

background repeat

属性（默认为repeat x和y）

.wrapper{
浮动：左；
位置：相对位置；
}
.覆盖{
背景：url（“http://i.stack.imgur.com/G9pqm.png）重复；
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
}

---

使用第一个图像作为主背景，而不是使用另一个元素上的

位置：绝对

和背景图像将圆点图像放置在第一个元素上。为什么要用背景图像覆盖？这是因为您可以为背景设置

background repeat

属性（默认为repeat x和y）

.wrapper{
浮动：左；
位置：相对位置；
}
.覆盖{
背景：url（“http://i.stack.imgur.com/G9pqm.png）重复；
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
}

---

使用第一个图像作为主背景，而不是使用另一个元素上的

位置：绝对

和背景图像将圆点图像放置在第一个元素上。为什么要用背景图像覆盖？这是因为您可以为背景设置

background repeat

属性（默认为repeat x和y）

.wrapper{
浮动：左；
位置：相对位置；
}
.覆盖{
背景：url（“http://i.stack.imgur.com/G9pqm.png）重复；
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
}

---

使用第一个图像作为主背景，而不是使用另一个元素上的

位置：绝对

和背景图像将圆点图像放置在第一个元素上。为什么要用背景图像覆盖？这是因为您可以为背景设置

background repeat

属性（默认为repeat x和y）

.wrapper{
浮动：左；
位置：相对位置；
}
.覆盖{
背景：url（“http://i.stack.imgur.com/G9pqm.png）重复；
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
}

---

您可以使用多个背景图像

.avatar{
宽度：180px；
高度：180像素；
背景图片：url(http://i.stack.imgur.com/G9pqm.png)，网址(http://i.stack.imgur.com/DSToa.png);
背景重复：重复，无；
}

---

您可以使用多个背景图像

.avatar{
宽度：180px；
高度：180像素；
背景图片：url(http://i.stack.imgur.com/G9pqm.png)，网址(http://i.stack.imgur.com/DSToa.png);
背景重复：重复，无；
}

---

您可以使用多个背景图像

.avatar{
宽度：180px；
高度：180像素；
背景图片：url(http://i.stack.imgur.com/G9pqm.png)，网址(http://i.stack.imgur.com/DSToa.png);
背景重复：重复，无；
}

---

您可以使用多个背景图像

.avatar{
宽度：180px；
高度：180像素；
背景图片：url(http://i.stack.imgur.com/G9pqm.png)，网址(http://i.stack.imgur.com/DSToa.png);
背景重复：重复，无；
}

---

---

是否有理由需要在HTML/CSS中动态执行此操作？如果这是一幅只需制作一次的图像，为什么不使用图像编辑器（即photoshop）？——此外，你需要展示你迄今为止尝试过的代码。如果你有简单的颜色背景，考虑创建一个透明的图像（背景有“剪掉”的剪影）是的，我知道我可以很容易地在PS图象处理软件中得到效果。但要回答你的问题：是的，我只想用html和css来实现。几个月前，我在一个网站上看到了类似的事情（我只是不记得这个网站了），你有没有理由需要在HTML/CSS中动态地这样做？如果这是一幅只需制作一次的图像，为什么不使用图像编辑器（即photoshop）？——此外，你需要展示你迄今为止尝试过的代码。如果你有简单的颜色背景，考虑创建一个透明的图像（背景有“剪掉”的剪影）是的，我知道我可以很容易地在PS图象处理软件中得到效果。但要回答你的问题：是的，我只想用html和css来实现。几个月前，我在一个网站上看到了类似的事情（我只是不记得这个网站了），你有没有理由需要在HTML/CSS中动态地这样做？如果这是一幅只需制作一次的图像，为什么不使用图像编辑器（即photoshop）？——此外，你需要展示你迄今为止尝试过的代码。如果你有简单的颜色背景，考虑创建一个透明的图像（背景有“剪掉”的剪影）是的，我知道我可以很容易地在PS图象处理软件中得到效果。但要回答你的问题：是的，我只想用html和css来实现。几个月前，我在一个网站上看到了类似的事情（我只是不记得这个网站了），你有没有理由需要在HTML/CSS中动态地这样做？如果这是一幅只需制作一次的图像，为什么不使用图像编辑器（即photoshop）？——此外，你需要展示你迄今为止尝试过的代码。如果你有简单的颜色背景，考虑创建一个透明的图像（背景有“剪掉”的剪影）是的，我知道我可以很容易地在PS图象处理软件中得到效果。但要回答你的问题：是的，我只想用html和css来实现。几个月前我在一个网站上看到了类似的事情（我只是不记得这个网站了）@user2592686如果答案让你满意，请接受这个答案。对不起，另一个更好。。你的解决方案有点像mes