漸變放在 css裡的語句 一定要按這個順序排,才不會出錯。
否則 有的瀏覽器會不正常,今天本來調好了,發現ie9不行,搞了半天不行,崩潰了 最後準備還是使用背景算了
最後一次 測試, 終於搞定
background: -moz-linear-gradient(top, #fefefe, #d3ecff); /* moz火狐 top , left top ,三種型別 。過渡顏色可以多個 */
background: -webkit-gradient(linear, 0% 20%, 100% 100%, from(#fefefe), to(#d3ecff)); /*webkit chrome*/
background: -o-linear-gradient(top, #fefefe, #d3ecff); /*opera*/
background: linear-gradient(to bottom, #fefefe, #d3ecff); /*ie10*/
-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#fefefe, endcolorstr=##d3ecff)"; /*ie8+*/
filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#fefefe, endcolorstr=#d3ecff); /* ie9*/
CSS3背景顏色漸變效果
1 firefox瀏覽器 background image moz linear gradient top eef9fe,d1ecff 2 safari chrome瀏覽器 background image webkit gradient linear,50 0 50 100 from eef9fe...
CSS3實現背景顏色漸變
css漸變色概念 css漸變色 gradients 能讓我們用一種顏色漸變的效果修飾乙個空間 從一種顏色過渡到另外一種顏色 填充這個空間。漸變色有兩個形式 linear 線性漸變 和radial 環形漸變 很顯然css漸變色 gradients 技術是產生了一種視覺圖案效果,而實現這種視覺效果很簡單...
CSS3實現背景顏色漸變 摘抄
一.webkit瀏覽器 1 第一種寫法 background webkit gradient linear 10 10 100 100 color stop 0.14,rgb 255,0,0 color stop 0.5,rgb 255,255,0 color stop 1,rgb 0,0,255 ...