一般的圖層裁剪，可能存在firebox下的相容性問題。
我們可以通過建立內聯svg的方式去解決
如下：.specialoffers:after
內聯svg:
當火狐下相容才會用到的樣式
.specialoffers:after
參考位址
在需要製作響應式的頁面時，在ipad上出現了很多本來已經在網頁上佔位但是被白色快遮擋的問題。定位發現是由於
.specialoffers:after
中的-webkit-clip-path的屬性值造成的，基於在webkit的核心的瀏覽器上偽類元素：after已經已經實現了三角形的效果，因為去掉對這個頁面在主流瀏覽器上的展示並沒有影響。
瀏覽器相容
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤，不加樣式控制的情況下，各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題，幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
瀏覽器相容
1 css bug css樣式在各瀏覽器中解析不一致的情況，或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中，hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法，因為它們都屬於個人對 css 的非官方的修改，或非官方的。有些人更喜歡使用 ...
瀏覽器相容
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同一段 有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...