CSS3梯度n像素从底部-Webkit/Safari-CSS3Gradientnpixelsfrombottom-Webkit/Safari

5  

You can't do that with the current webkit syntax. Good news though! There will be a new -webkit-linear-gradient property (just announced on the webkit blog) that basically matches the -moz syntax and will allow you to do this. This syntax should become the definitive CSS3 syntax, so you'll be able to drop the -webkit and -moz entirely at some point. (The old -webkit-gradient property will continue to work indefinitely, but is not favored going forward.)

使用当前的webkit语法不能这样做。不过好消息!将会有一个新的-webkit-linear-gradient属性(刚刚在webkit博客上宣布)，它基本上与-moz语法相匹配，允许您这样做。这种语法应该成为CSS3的最终语法，因此您可以在某个时候完全放弃-webkit和-moz。(旧的-webkit-gradient属性将无限期地继续工作，但不支持继续工作。)

5  

You could use -webkit-background-size to size the gradient in pixels and background-position to place it at the bottom.

您可以使用-webkit-background-size以像素和背景位置来确定渐变的大小，并将其放在底部。

4  

Not quite sure what you were after but I manage to stop a gradient in px by using this -

我不太确定你想要什么，但是我用这个-来阻止px的梯度

background-size:100% 31px; background-repeat:no-repeat;

0  

Have you tried something like this?

你试过这样的东西吗?

-webkit-gradient(linear, center bottom , #f00 2%, #d00 31px)

I hope that this site helps you more.

我希望这个网站能帮助你更多。