Фон "body"

W1cked · 15.07.2010

Объясните, пожалуйста, в двух словах, как можно сделать такой фон. Чтобы сверху (0px) и ниже (до 300px) цвет фона менялся от более темного к светлому. А от 300px и ниже цвет был бы одинаковым (таким же как на 300px)

W1cked · 15.07.2010

Нарисуйте картинку с градиентом и киньте в бэкграунд.

Если вставить картинку в бэкграунд, то она будет повторяться не только по горизонтали, но и по вертикали. Если с помощью CSS repeat поставить только по горизонтали, то после этой картинки (300px) будет белый фон.

W1cked · 15.07.2010

а цвет фона = цвету нижней части картинки не пробовали ставить?

А нельзя вместо "цвета фона" вставить картинку фона?

W1cked · 15.07.2010

А смысл? Картинка это ресурс, цвет нет. С картинкой мучатся с цветом нет.

Цвет во всех браузерах отображается одинаково. Во всех, кроме IE. Поэтому, в IE цвет выглядит немного светлее и виден резкий переход.

В принципе, решение есть. Но вот вопрос - насколько оно правильное. Я у BODY ставлю фоном картинку (монотонную), а сама страничка будет отображаться в диве. Див с размерами 100% на 100%. И уже диву прописываю фоном градиентную картинку с repeat'om: repeat-x. Насколько это допустимо?

W1cked · 15.07.2010

И вовсе это не сказки. У меня один и тот же код в Chrome, Opere, FireFoxe отобразился одинаково, а в IE по-другому. Разница в отображении цвета.

W1cked · 15.07.2010

Вы хотите сказать что #000000 везде черный а в ИЕ будет серее, смех.

Нет, черный я не тестировал.