引言由於各瀏覽器製造商遵尋各自不同的規則，使得瀏覽器渲染的差異性，並且個瀏覽器對css3的支援度不同，引發出頁面渲染的相容性問題。如何能夠使前端頁面在不同瀏覽器渲染出相同的效果，成為前端工程師不得不考慮的問題。下面就css3樣式給出一些解決相容性問題的方法：
當下主流的瀏覽器及其核心瀏覽器
核心google
webkit->chromium(v8)->chromium(blink+v8)
ietrident（ie8->ie8:jscript->chakra)
safari
khtml->webkit(webcore+jscore)->webkit2
firefox
gecko
opera
presto->chromium(v8)->chromium(blink+v8)
edge
edgehtml
常見相容性樣式字首
-o-
-webkit-
-moz-
-ms-
存在相容性的樣式：border-radius
box-shadow
border-image
background-size
background-origin
background-clip
text-shadow
transform
transition
animation
flex
詳情請參考：
css3新特性，相容性，相容方法總結
主流瀏覽器核心介紹（前端開發值得了解的瀏覽器核心歷史）
CSS3 相容性寫法
transform transform translatex 50 ms transform translatex 50 moz transform translatex 50 webkit transform translatex 50 o transform translatex 50 tran...
CSS3實現相容性的漸變背景效果
一 css3實現相容性漸變背景效果，相容ff chrome ie 漸變效果，現在主流的瀏覽器ff chrome opera ie8 都可以通過帶有私有字首的css3屬性來輕鬆滴實現漸變效果，ie7及以下也可以通過濾鏡來實現漸變效果 濾鏡來實現會消耗大量資源 原因是 由於ie內部在解析 濾鏡，也是通過...
css3中「漸變」相容性解決方案
這次是簡單的談一下我們常見的漸變在各個瀏覽器下的相容性問題，算乙個比較簡單的問題。我們熟知的瀏覽器有 chrome firefox opera safari以及ie系列。最基礎的background cccccc屬性表示頁面呈現 cccccc色，當然這個在任何瀏覽器下面都是滿足的。但是隨著我們對顏色...