html - 使用 CSS 在六边形图像中插入矩形图像

标签 html css

我有一张六边形的图片,还有一张矩形的图片。我想将矩形图像放在六边形图像中。我知道这可以使用 CSS 来完成,但是我的六边形形状很特别。我曾尝试创建多个相互嵌入的 div,并将位置样式设置为相对和绝对,恭敬地,但它不起作用。基本上,如何在另一个形状奇特的图像中插入形状奇特的图像?这似乎是一个简单的解决方案,但我想不通!

最佳答案

我会尝试的第一件事是将六边形图像放在父 div 中,将其位置设置为相对或绝对,然后将方形图像放在嵌套在六边形图像的 div 中的 div 中。然后将其绝对定位到您想要的位置。

这应该可行,但听起来您已经尝试过了。它在做什么?

关于html - 使用 CSS 在六边形图像中插入矩形图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15847087/

相关文章:

html - CSS 表单框架?

html - 单选按钮 - 奇怪的行为,如何设置它们的样式?

jquery 弹出窗口 "slide"效果似乎在增长。

flex 盒子内部的CSS flex 方向

javascript - 单击后嵌入YOUTUBE视频更大的屏幕

html - Bootstrap 导航栏崩溃在计算机上工作而不是在 iphone 上工作

javascript - 在 Javascript 中将 HTML 文件内容转换为字符串

html - 如何覆盖CSS中的宽度属性

javascript - 没有重定向的 Ajax php 联系表单

javascript - 鼠标悬停时缩放包含图像的 div