在web開發中,難免會遇到瀏覽器之間的兼容問題,很是頭痛,關於Css設置顏色漸變就是我遇到過的一個問題,下面是我解決的辦法。直接上代碼
適用於谷歌瀏覽器:
background: -webkit-gradient(linear, 0 0, 0 100%, from(#4285fa), to(#366dcb));
from:是指漸變起始顏色
to:是指漸變結束的顏色
適用於火狐瀏覽器中
background: -moz-linear-gradient( top,#4285fa,#366dcb);
top:是值漸變方向從上向下
第一個顏色是指漸變起始顏色
第二個顏色是指漸變結束的顏色
適用於IE瀏覽器中
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4285fa, endColorstr=#366dcb);
startColorstr:指漸變起始顏色
endColorstr:指漸變結束的顏色