css 背景色漸變相容寫法

2021-07-24 16:49:02 字數 478 閱讀 7038



css3:linear-gradient

比如:黑色漸變到白色,**如下:

.gradient

說明:linear-gradient 具體用法。

ie 濾鏡:filter

linear-gradient 在 ie9 以下是不支援的,所以對於 ie6 - ie8 我們可以使用濾鏡來解決,**如下:

.gradient

由於 filter 是 ie 的私有屬性,所以我們需要針對 ie9 單獨處理濾鏡效果,**如下:

:root

總結:

綜上所述,線性漸變的相容寫法如下:

.gradient

:root .gradient

css設定背景色漸變

瀏覽器字首 background linear gradient red,blue background webkit linear gradient red,blue background o linear gradient red,blue background moz linear gradi...

css 背景色透明並且漸變

在工作中遇見了乙個問題,給文字加背景色並且顏色漸變,而且相容ie8,查了很久的資料,沒有完美的解決這個問題,最終是換成了背景圖,真是最簡單有效的做法了。所以如果遇見相同的問題,建議直接換成背景圖。效果圖如下 如果不需要相容到ie9及以下,可以用以下方法處理 background 000 backgr...

iOS UIView背景色漸變

uiview theview uiview alloc initwithframe self headerbackimgview frame self headerview addsubview theview 初始化 cagradientlayer 物件,使它的大小為 uiview 的大小 cag...