2012-02-07 550 views
0

我知道制作渐变图像的最佳方式是将其宽度设置为1并让其重复,但我对于高度应该是什么感到困惑?CSS渐变图像大小?

如果观众是在一个巨大的显示器或电视屏幕或什么的情况下它应该是非常大的?有没有办法让它像1x10一样,看起来很正常?

另外,做圆角和类似的东西,而不使用CSS3 ...使用图像 - 这是可能的流体布局?

继承人我说的是渐变的东西。 thisTeamliquid.net上使用的背景渐变。它的高度只有33px,但是你不能说它在y轴上的重复...?

+0

无论如何,这里的“真正的大”意味着256像素。事实上的色彩标准是每个通道256个值,所以如果您制作的像素高于256像素的梯度图像,一些像素将被复制。 256就足够了,你无法获得更精细的粒度。 – 2012-02-07 20:55:10

回答

0

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

+0

WOW。我很愚蠢。我认为流体布局也调整了高度。哎呀 – Depetrify 2012-02-07 20:00:44

0

我只是推荐使用CSS3来达到这个效果。有一些伟大的发电机。我做一些网页设计,我使用的是CSS渐变。另外,如果您使用映像,那么服务器必须处理另一个http请求。

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

编辑: 这里就是我的圆角做的一样好。

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

它们为流体布局工作的伟大。

+1

这就是图像文件很小的原因。当再向服务器发送一个小图片的请求会影响你的表现时,你在另一个地方就会遇到更大的问题。 CSS3渐变非常酷,我喜欢它们。唯一的问题是跨浏览器的实现 – 2012-02-07 20:00:49

+0

这是事实,它确实有助于了解你的目标受众。大多数现代浏览器都支持它,对于那些不支持它们的用户,它们只会获得纯色。我不相信这是一个不好的交易。很高兴听到其他民族对这个​​问题的意见。 – EGHDK 2012-02-07 20:07:57

+0

没有折衷不大,我个人使用css3与旧版浏览器的回退技术非常广泛。但是当我看问题作者的经验水平时,我最好尽可能简单地保留可能的解决方案。 – 2012-02-07 20:12:24