ie相容CSS3漸變寫法

2022-06-13 17:24:12 字數 460 閱讀 8465

在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...