i使用剪贴仪创建蓝色搜索按钮的特定形状。 从Chrome看，您会在切口边缘看到一条奇怪的线，而从Firefox则一切正常。 我不是第一个指向t ...

Question

从Chrome您会在切口边缘看到一条奇怪的线，而从Firefox则一切正常。 我不是第一个指出这一点的人，但我还没有找到解决方案。 chrome

Firefox

clip-Path是： clip-path: polygon(0 0, 0 100%, 15px 50%);

这是什么神秘的？我也发现了一个类似的问题：

CSS-奇怪的边界出现在Chrome Mobile上，带有夹子path

i有一个类似的问题（如果不是相同的话），我通过将以下样式添加到元素上，用

clip-path

：

添加以下样式来解决此问题。

transform: translateZ(0)

我的案子建议transform: translateZ(0)

，

Answer 1

不禁，但是这个是……

transform: skewY(0.001deg);

update：它在某些设备上解决了问题，但在其他具有相同铬版本（！）的设备上没有解决问题。因此，这个铬虫非常不愉快且不可容易。我们必须使用剪贴画CSS属性从头开始重构并创建三角形作为整个箭头按钮的一部分...

Answer 2

这里是生成剪辑paths的工具：

https：//unused-css.com/tools/clip-path-generator

我也有类似的问题，即夹子路径的正确边缘位于100％的内部。我能够通过将右边x坐标值设置为101％并将

overflow: hidden;

添加到父元素来解决此问题。

clip-path: polygon(0 0, 101% 0, 101% 80%, 0 100%);

我想象您可以通过输入负值在左侧进行相同的操作？

修复前图片图 修复后图像

在我的案件中

将改变：转换

Answer 3

用剪辑路径和父级div之间的透明线固定透明线