我正在尝试创建六边形元素，以显示第三方应用提供的图像。由于图像是动态提供的，我需要将它们注入标记。理想情况下，格式看起来像：
<div class="hexagon">
<!-- get the image and put it in the hexagon -->
<img src="foo"/>
</div>
我已经找到了很多关于如何在css中使用background样式显示六角形图像的教程，但没有处理我在这里尝试的内容。
我最接近解决这个问题的方法是使用边框形状，但在尝试将六边形贴合成蜂窝图案时会遇到重叠问题。我目前是＆＃39; 60deg轮换＆＃39;方法，但仍然没有骰子:(