在工作中遇見了乙個問題，給文字加背景色並且顏色漸變，而且相容ie8，查了很久的資料，沒有完美的解決這個問題，最終是換成了背景圖，真是最簡單有效的做法了。所以如果遇見相同的問題，建議直接換成背景圖。效果圖如下：
如果不需要相容到ie9及以下，可以用以下方法處理：
background: #000;
background: -webkit
-linear
-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
background: -moz
-linear
-gradient(top,rgba(255,255,255,0) 0
%,rgba(255,255,255,1) 100
%);; /*firefox*/
background: -o
-linear
-gradient(top,rgba(255,255,255,0) 0
%,rgba(255,255,255,1) 100
%); /* opear */
background: -ms
-linear
-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*ie10及ie10+*/
filter: progid:dximagetransform.microsoft
.alpha(opacity=0, finishopacity=100, style=0, startx=0, starty=0, finishx=1200, finishy=80);
總之，還是直接用背景圖方便，強推！
css設定背景色漸變
瀏覽器字首 background linear gradient red,blue background webkit linear gradient red,blue background o linear gradient red,blue background moz linear gradi...
css 背景色漸變相容寫法
css3 linear gradient 比如 黑色漸變到白色，如下 gradient 說明 linear gradient 具體用法。ie 濾鏡 filter linear gradient 在 ie9 以下是不支援的，所以對於 ie6 ie8 我們可以使用濾鏡來解決，如下 gradient 由於...
iOS UIView背景色漸變
uiview theview uiview alloc initwithframe self headerbackimgview frame self headerview addsubview theview 初始化 cagradientlayer 物件，使它的大小為 uiview 的大小 cag...