html - 将专门放置的图像放在 div -HTML/CSS 中

Question

我试图在一张图片上放置 5 个小圆圈图像，但圆圈需要位于特定位置。我将如何在它也可以扩展的地方做到这一点？除了这一部分，我已经构建了大部分页面。

我尝试将它们全部包装在一个 div 中，然后在圆圈上使用填充和/或边距来正确放置它们，但我似乎无法将所有内容都正确放置，并且它们在按比例缩小时会移动。

Answer 1

首先，您必须在此处或 jsfiddle.net 或 codepen 上发布一些代码。这样我们就可以看到您已经尝试过什么以及您要求什么。

其次，我在不知道您尝试过什么的情况下回答您的问题，因此它可能是也可能不是您问题的答案。

解决方案--

1. 采用 div 并使用绝对位置来定位圆圈。
2. 您可以为每个圈子使用 id 或 class 并定位它们。
3. 现在对每个圆使用 eg:-transform: scale(2,3);属性以在悬停时缩放图像或任何你想要的。

希望对您有所帮助。但请在此处发布您的代码以获得更好的帮助