Css設置顏色漸變在谷歌、火狐,IE瀏覽器中


在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:指漸變結束的顏色


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM