透明的CSS六边形，带有非透明文本而不会在android

Question

我正在尝试找到一个解决方案，用于显示使用CSS创建的透明六边形和非透明文本，而不会在Android或其他浏览器中出现渲染问题。

我希望最终得到类似的内容，而不使用svg或png。

我最终得到的是透明六边形和透明文字或六边形，带有奇怪的透明效果。

我现在尝试的一切：

1. https://jtauber.github.io/articles/css-hexagon.html
   问题：在android和chrome中渲染问题。当我的手机或镀铬响应视图显示时，六边形有这些细线
2. https://stackoverflow.com/a/17316755/5826532
   问题：我尝试了答案中显示的第一个六边形的代码，它在android中具有相同的渲染问题。用rgba()显示的第二个六边形代码创建了一个看起来很奇怪的六边形，在那里你可以看到六边形的骨架（如下图所示）。通过使用opacity，文本也将是透明的 这是一个奇怪的六边形https://jsfiddle.net/8kmjLL7x/的小提琴