возможно ли иметь переход цвета фона от цвета A к цвету B без повторения пиксельной палочки?

Question

Для таких вещей, как меню и заголовки, хороший цвет фона.

Но цвет фона, который изящно переходит от, скажем, синего к белому, еще приятнее.

Я знаю, что это можно сделать, создав файл изображения шириной в 1 пиксель, высотой X пикселей, содержащий желаемое замирание, и повторяя его по всему div, но есть ли в CSS встроенная поддержка, позволяющая просто определять цвета и покончить с этим?

Может ли другой язык справиться с этим?

Answer 1

С помощью CSS3 вы можете сделать это. Тем не менее, CSS3 не поддерживается широко через браузеры, поэтому только самые последние браузеры (и даже не все из них) смогут отображать градиент. Если вы не заинтересованы только в работе с теми браузерами, которые могут это сделать, вам придется придерживаться фонового изображения размером 1 пиксель.

http://www.quirksmode.org/css/contents.html

http://www.w3.org/Style/CSS/current-work#CSS3

Answer 2

Вы имеете в виду градиент?

Браузеры Webkit (Chrome и Safari) и, по-видимому, FF 3.6 теперь поддерживают CSS-градиенты: см. Эту ссылку

Согласно статье, даже в IE есть собственная поддержка градиента CSS, хотя я не знаю, насколько хорошо это работает. У вас всегда должен быть запасной вариант к сплошному цвету.