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

我有一个六边形的图像，还有一个矩形的图像。我想把矩形图像放在六边形图像里面。我知道这可以用CSS实现，但是我的六边形的形状很特别。我尝试过创建多个相互嵌入的div，并将位置设置为相对和绝对，但没有效果。基本上，如何在另一个形状奇怪的图像中插入一个形状奇怪的图像？这似乎是一个简单的解决方案，但我想不出来

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

这应该行得通，但听起来你已经试过了。它在做什么？

它在父div（六边形）的顶部显示子div（矩形），两个都是原始形状，即使overflow设置为hidden。