background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);（標準）
linear-gradient 在 ie9 以下是不支援的，所以對於 ie6 - ie8 我們可以使用濾鏡來解決。如下**：
filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#000,endcolorstr=#fff,gradienttype=0);
:root (需要針對 ie9 單獨處理濾鏡效果)
gradienttype=1代表橫向漸變
gradienttype=0代表縱向淅變。
上面的**沒有透明度變化，如果需要透明度還是使用濾鏡
filter:alpha(opacity=100 finishopacity=0 style=1 startx=0,starty=5,finishx=90,finishy=60)
（1）opacity表示透明度，預設的範圍是從0 到 100，他們其實是百分比的形式。0為完全透明 100不透明
（2）finishopacity 是乙個可選引數，如果想要設定漸變的透明效果，就可以使用他們來指定結束時的透明度。範圍也是0 到 100。
（3）style用來指定透明區域的形狀特徵：
0 代表統一形狀
1 代表線形
2 代表放射狀
3 代表矩形
（4）startx 漸變透明效果開始處的 x座標
starty 漸變透明效果開始處的 y座標
（5）finishx 漸變透明效果結束處的 x座標
finishy 漸變透明效果結束處的 y座標
例子：ie下的透明度背景色
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150)
progid:dximagetransform.microsoft.gradient(startcolorstr=#000,endcolorstr=fff,gradienttype=0);
火狐瀏覽器適用的 CSS簡單的漸變背景
background moz linear gradient left,3992d0,rgba 227,157,168,0.5 從左到右第乙個引數寫left 從上到下則寫top 第二個引數是漸變開始的顏色 第三個引數是漸變結束的顏色和透明度。所謂rgba r 紅色值。正整數 百分數 g 綠色值。正整...
火狐瀏覽器適用的 CSS簡單的漸變背景
background moz linear gradient left,3992d0,rgba 227,157,168,0.5 從左到右第乙個引數寫left 從上到下則寫top 第二個引數是漸變開始的顏色 第三個引數是漸變結束的顏色和透明度。所謂rgba r 紅色值。正整數 百分數 g 綠色值。正整...
css實現文字漸變並相容IE瀏覽器
css文字漸變寫法 color fff background linear gradient to bottom,fff5b9,f3d380 webkit text fill color transparent webkit background clip text 在ie瀏覽器中不支援這種寫法，可...