CSS3背景梯度

我已经为我正在测试的页面设置了这个类（刚刚开始尝试实现CSS3，所以请放心）

在PC和Mac上的FF中，一切看起来都很好，我知道IE不支持这一点

我的问题是关于渐变的：从上面我看到的渐变是相当平滑的，但我只想让一点蓝色从底部向上爬，而不是像我在浏览器上看到的那样向上渐变。我已经玩了百分比和价值观，但我似乎不能真正做到我想要的方式

我怎样才能得到我想要的效果

---

同样，我希望从上到下大部分是白色，底部有一点蓝色逐渐变淡。谢谢

您想使用颜色停止

因此，将第一种颜色设置为0%，第二种颜色设置为90%，第三种颜色设置为100%（即蓝色）

您可以使用此工具获得所需的效果

确保您添加了第三种颜色，并将其定位为90%

干杯

---

Marko

没错，我经常使用的另一个网站叫做

它非常有用，尤其是确保所有浏览器都能看到您的渐变。

---

（我以前在这里犯过错误：/）

使用图像而不是非官方渐变？老实说，文本背后的渐变背景让我很恼火。使它更难阅读。是的，我是。这些坡度不是也从来没有被官方支持过。是的，文本后面的渐变确实让阅读变得更困难。你能阅读这篇文本吗？我不是说你看不懂，我是说渐变让它更难读，我已经说过三次了。

.CSS3TESTDIV{
    width:228px;
    height:300px;
    background-color: #fff3;
    background-image: -moz-linear-gradient(0% 100% 90deg, #0068b3, #fff);
        background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#0068b3)); 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border: 1px solid #0068b3; 
    padding: 10px;
    margin:0 10px 0 0;
    -moz-box-shadow: 7px 7px 7px #888;  
    -webkid-box-shadow: 7px 7px 7px #888;
    box-shadow: 7px 7x 7px #888;
    float:left;         
}