CSS六边形-内部文本模糊，webkit背面可见性：隐藏

我有一个六边形网格，我使用了

-webkit backface visibility:hidden

来平滑镀铬的边缘。但是，这会使其中的文本变得模糊

因此，我尝试将文本移出backface元素，并将其绝对定位在顶部。这修复了模糊性，但产生了一个新问题。每个六边形都是一个链接。一旦我将链接移出子元素，链接就会与连锁网格中的前一个六边形重叠

看看当你在第一个十六进制的右边滚动时，你是如何得到十六进制2的链接的，因为它重叠了

---

有没有一种方法可以使六边形边缘平滑，文本清晰，而不与链接重叠？

这可能会有所帮助：制作六边形网格的技术不同，文本看起来不像示例中那样模糊。谢谢。我查看了这个示例，但当我添加/删除隐藏在六边形中的背面时，我仍然看到清晰度上的明显差异。我不知道有什么像素级的完美解决方案，但我找到了一个解决方法，使其不那么模糊，并对其进行了描述。我实际上看到六边形每个部分上的正确链接，“我用的是铬45，这很奇怪，@Saar。我也在用铬45。滚过第一个六角体的右侧。。。当你靠近右边时，它会突出显示第二个十六进制吗？