我使用 clip-path 来创建蓝色搜索按钮的特定形状。
在 Chrome 中,您会在切口边缘看到一条奇怪的线,而在 Firefox 中,一切正常。
我不是第一个指出这一点的人,但我还没有找到解决办法。
Chrome
火狐
剪辑路径是:
clip-path: polygon(0 0, 0 100%, 15px 50%);
这是什么 secret ?我也发现了类似的问题:
CSS - Strange border appearing on Chrome mobile with clip-path
最佳答案
我有一个类似(如果不相同)的问题,我通过将以下样式添加到具有 clip-path
的元素来解决此问题:
transform: translateZ(0)
关于css - Chrome 上的剪辑路径在边缘留下一条奇怪的线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51542919/