跨浏览器线性梯度规则

Question

我使用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);

有人能证实或消除我的怀疑吗？

Answer 1

MDN在此处解释linear-gradient属性：https://developer.mozilla.org/en/CSS/linear-gradient

你从css3please得到的是正确的。to bottom指定角度。在这种情况下，角度为180度。