CSS渐变图像大小？

Question

我知道制作渐变图像的最佳方法是将宽度设置为1并让它重复，但我对高度应该是什么感到困惑？

如果观众在巨大的显示器或电视屏幕上或其他什么地方，它应该真的很大吗？有没有办法让它像1x10一样，看起来很正常？

另外，在没有使用CSS3 ...使用图像的情况下进行圆角和类似的东西 - 在流畅的布局中可能吗？

这是我正在谈论的渐变的事情。 this是Teamliquid.net上使用的背景渐变。它的高度只有33px，但你不能说它在y轴上重复......？

Answer 1

我建议使用CSS3来达到此效果。有一些伟大的发电机。我做了一些网页设计，我使用的是CSS渐变。此外，如果您使用图像，则服务器必须处理的是另一个http请求。

http://www.colorzilla.com/gradient-editor/

修改 这也是我对圆角的所作所为。

http://www.cssportal.com/css3-rounded-corner/

它们非常适合流畅的布局。

Answer 2

渐变的高度为33px，因为导航栏的高度为33px。 当你有一个垂直渐变时，这意味着你需要水平重复它，这意味着你需要1px的宽度和你想要的渐变高度。