1

Необходимо, чтобы фон для компьютера состоял из картинки, а для мобильных устройств из цвета. Как это примерно сделать я знаю, но не получается — на мобильных устройствах все равно отображается фон из картинки.

body {
  background-color: #EDEEF0;
  background: url(/img/bg.png) repeat;
}

@media (max-width: 960px) {
  body {
    background-color: #EDEEF0;
  }
}

2 ответа 2

0

Универсальное свойство background позволяет установить одновременно до пяти характеристик фона. Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству. Для подробного ознакомления смотрите информацию о каждом свойстве отдельно (ссылка) .

Что касается background-image- устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображения не доступны или их показ в браузере отключен. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.

body {
  background-image: url(/img/bg.png) repeat;
}

@media (max-width: 960px) {
  body {
    background-image: none;
    background-color: #EDEEF0;
  }
}

0
body {
     background: url(/img/bg.png) repeat;
}

@media (max-width: 960px) {
    body {
        background: #EDEEF0;
    }
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.