Фон "body"

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

W1cked

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

Если вставить картинку в бэкграунд, то она будет повторяться не только по горизонтали, но и по вертикали. Если с помощью CSS repeat поставить только по горизонтали, то после этой картинки (300px) будет белый фон.
 
а цвет фона = цвету нижней части картинки не пробовали ставить?
А нельзя вместо "цвета фона" вставить картинку фона?
 
А смысл? Картинка это ресурс, цвет нет. С картинкой мучатся с цветом нет.
Цвет во всех браузерах отображается одинаково. Во всех, кроме IE. Поэтому, в IE цвет выглядит немного светлее и виден резкий переход.

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

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab