css - 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%);