Chrome CSS行爲vs其他流行瀏覽器

我很努力地調和Chrome的特定行爲，與最新版本的Firefox和Mac上的Safari以及PC上的IE相比。Chrome CSS行爲vs其他流行瀏覽器

的對比截圖顯示在底部Chrome的問題：

僅應用於此，包括剪切路徑相關的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上進行測試）都能正常工作。

感謝您的幫助！

來源

2017-04-10 Dan

請發表您的代碼，幫助你... –

你必須張貼在這裏引起該問題的標記的小例子。一個鏈接到您的網站，可以改變明天，沒有人幫助，只會很快刪除您的問題。 http://stackoverflow.com/help/mcve – Rob

嘗試從'.top1'剪輯路徑：多邊形（0 100％，0 0，100％0，80％100％）; – parish

在style.css中：331刪除以下行

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

來源

2017-04-10 11:47:11

謝謝。那很完美。爲什麼這會干擾Chrome而不是其他人？ – Dan

你可以看看這個：http://caniuse.com/#search=clip-path。據我檢查您的網站，我可以看到唯一的瀏覽器實際上是承認這個財產是谷歌瀏覽器。很高興我幫你出去了！ :) –

Chrome CSS行爲vs其他流行瀏覽器

回答

相關問題