Размер CSS градиента?

Question

Я знаю, что лучший способ сделать градиентное изображение - установить его ширину равной 1 и просто позволить ему повториться, но я не совсем понимаю, какой должна быть высота?

Должно ли это бытьдействительно большой в случае, если зритель находится на огромном мониторе или экране телевизора или что-то?Есть ли способ сделать так, чтобы он был как 1x10 и выглядел нормально?

Кроме того, выполняя закругленные углы и тому подобное, не используя CSS3 ... используя изображение - это возможно в плавном макете?

Здесь есть градиент, о котором я говорю. this - градиент фона, используемый на Teamliquid.net .Его высота составляет всего 33 пикселя, но вы не можете сказать, что он повторяется на оси у ...?

Answer 1

Высота градиента составляет 33 пикселя, потому что высота панели навигации составляет 33 пикселя. Если у вас есть вертикальный градиент, это означает, что вам нужно повторять его по горизонтали, а это означает, что вам нужна ширина в 1 пиксель и высота желаемой высоты градиента.

Answer 2

Я бы просто рекомендовал использовать CSS3 для этого эффекта. Есть несколько отличных генераторов. Я занимаюсь веб-дизайном и использую только CSS-градиенты. Кроме того, если вы используете изображение, это еще один http-запрос, который должен обрабатывать сервер.

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

EDIT: Вот что я делаю и для закругленных углов.

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

Они отлично подходят для разметки.