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

标签 html css

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

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

最佳答案

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

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

解决方案--

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

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

关于html - 将专门放置的图像放在 div -HTML/CSS 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32282091/

相关文章:

html - 菜单项略微倾斜?

javascript - 部署网站时内联所有JavaScript是否有益

css - 将鼠标悬停在字体大小和背景大小上

css - 更改 JQuery 中 .toggle() 动画的 'origin'

css - 将鼠标悬停在另一个上时希望出现 3 个 div

javascript - 通过 Angular(8.x) 中的类方法更新输入标签的值后,输入标签中的焦点消失

html - 固定背景在 Android 上未更新

html - 如何对齐 bootstrap 表中的 th

css - 如何执行 flex wrap?

html - 为什么会出现水平滚动条