2012-02-14 20 views
1

私はこのスタイルをサポートする、それが私を与えたすべてのブラウザーで動作します上から下への線形勾配のルールを生成するためにcss3pleaseを使用:クロスブラウザの直線勾配ルール

.box_gradient { 
    background-color: #75A319; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#75A319), to(#9FCC1D)); /* Saf4+, Chrome */ 
    background-image: -webkit-linear-gradient(top, #75A319, #9FCC1D); /* Chrome 10+, Saf5.1+, iOS 5+ */ 
    background-image: -moz-linear-gradient(top, #75A319, #9FCC1D); /* FF3.6 */ 
    background-image:  -ms-linear-gradient(top, #75A319, #9FCC1D); /* IE10 */ 
    background-image:  -o-linear-gradient(top, #75A319, #9FCC1D); /* Opera 11.10+ */ 
    background-image:   linear-gradient(to bottom, #75A319, #9FCC1D); 
} 

私は少しですこのクラスの最後のルールの不審:直感的

background-image: linear-gradient(to bottom, #75A319, #9FCC1D); 

、一つは期待:

background-image: linear-gradient(top bottom, #75A319, #9FCC1D); 

誰かが私の疑惑を確認できますか?

答えて

3

MDNはここlinear-gradientプロパティについて説明します。あなたはcss3pleaseから得たものhttps://developer.mozilla.org/en/CSS/linear-gradient

が正しいです。 to bottomは角度を指定します。この場合、角度は180°です。

関連する問題