标签： css webkit css-shapes css-transforms
我有一个六边形网格，我已经使用-webkit-backface-visibility:hidden来平滑Chrome中的边缘。但是，这使得里面的文字变得模糊。
-webkit-backface-visibility:hidden
See demo
所以我尝试将文本移出背面元素，而不是将其完全放在顶部。这修复了模糊，但创造了一个新问题。每个六角形都是一个链接。一旦我将链接移出子元素，链接就会与互锁网格中的前一个十六进制形状重叠。
See demo 2
看看当你滚动第一个十六进制的右边时，你会得到Hex 2的链接，因为它与它重叠。
有没有办法让平滑的十六进制边缘和明文不与链接重叠？