在css3之前要想做背景色漸變就只能採用新增背景的方法,但是隨著css3:linear-gradient屬性的出現,就可以避免使用新增背景的方法,從而優化了效能。但是
inear-gradient屬性在ie9以下是無效的,但是可以採用ie濾鏡的方法。
比如:黑色漸變到白色,**如下:
.gradient
ie 濾鏡:filter
linear-gradient 在 ie9 以下是不支援的,所以對於 ie6 - ie8 我們可以使用濾鏡來解決,**如下:
.gradient
由於 filter 是 ie 的私有屬性,所以我們需要針對 ie9 單獨處理濾鏡效果,**如下:
:root
綜上所述,線性漸變的相容寫法如下:
.gradient:root .gradient
css相容ie寫法
width auto 是寬度自動的意思。9是hack css 的一種寫法,這種在正常css 後面加 9 的方式,只有ie瀏覽器才能識別,其他瀏覽器會忽略這條語句。這樣就能做到差異化瀏覽器,來達到相容瀏覽器的目的。對此,還有其他hack css的寫法。如 color red 一般瀏覽器識別,字型顏色為...
CSS3 相容性寫法
transform transform translatex 50 ms transform translatex 50 moz transform translatex 50 webkit transform translatex 50 o transform translatex 50 tran...
css3中transform相容ie 傾斜div
引用qq transform rotate 30deg 相容性強 ms transform rotate 30deg ie9 o tranform rotate 30deg opera webkit transform rotate 30deg chrome safria moz transform...