2012-02-14 45 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); 

有人可以证实或减轻我的怀疑吗?

回答