我想要一个梯度作为我的网页的背景.我已经弄清楚了如何使梯度垂直,但我希望它是水平的.
background-image: -webkit-gradient(linear,0% 25%,0% 0%,from(rgb(176,196,222)),to(rgb(255,255,255))); background-image: -moz-linear-gradient(center bottom,rgb(153,51) 25%,rgb(255,102,51) 80%);
解决方法
对于-webkit渐变,您可以通过使用两点(您的情况下的第二和第三个参数)来定义方向,而-moz-linear-gradient仅由起点(第一个参数)定义.所以要把这些梯度变成水平的,你可以做：
background-image: -webkit-gradient(linear,25% 0%,255))); background-image: -moz-linear-gradient(center right,51) 80%);
(您可能需要调整颜色值,因为您为每个浏览器定义了不同的点,如果将点设置为中心右侧,Webkit中央左侧以及Mozilla匹配可能会更容易.)
