Фон "body"

  • Автор темы W1cked
  • Дата начала
W

W1cked

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

W1cked

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

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

W1cked

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

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

W1cked

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

Обучение наступательной кибербезопасности в игровой форме. Начать игру!