Chrome CSS行为与其他流行的浏览器相比

Question

与Mac上的最新版本的Firefox和Safari以及PC上的IE相比，我真的很难协调Chrome的特定行为。

比较截图显示底部Chrome中的问题：

https://screencast.com/t/Tj07m3Q0fX9

仅应用相关的CSS，包括剪切路径。

.top1 {
background: none repeat scroll 0 0 #6dcff6;
display: inline-block;
margin: auto;
padding-bottom: 10px;
padding-top: 22px;
width: auto;
clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%);
}

当这个网站推出时，一切都很好，这让我相信这可能是一个可能在更新中引入的特定行为。导致我出现问题的是所有代码看起来都很好，它适用于大多数Mac浏览器和PC上的IE（无法在PC上的Chrome / Firefox上测试）。

感谢任何帮助！

Answer 1

在style.css：331上删除以下行

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