Убрать фон сайта при разрешении экрана меньше чем 1600*1200

Тема в разделе "Opencart", создана пользователем wwizard, 1 дек 2015.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Всем добрый день
    Поставил на сайт фон: http://prntscr.com/992dc5
    Но столкнулся с проблемой, что если маленькое разрешение например 19 дюймового монитора, то правая картинка исчезает, а левая уходит ЗА тексты и товары. Возник вопрос:

    Насколько возможно убрать мой фон с сайта при разрешении экрана меньше чем 1600*1200. И как это правильно сделать?
     
  2. javx

    javx

    Регистр.:
    28 авг 2015
    Сообщения:
    520
    Симпатии:
    239
  3. Bastard007

    Bastard007 Постоялец

    Регистр.:
    17 авг 2009
    Сообщения:
    128
    Симпатии:
    31
    Добавить в CSS
    Код:
    @media all and (max-width: 1600px) {
    
    body { 
            background-image: url("bg.jpg");
            background-repeat: repeat;
    
        }
    
    где bg.jpg - маленький фон. ну либо заменить background-image на background-color
     
  4. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Не помогло
     
  5. sitecreator

    sitecreator

    Регистр.:
    1 май 2013
    Сообщения:
    209
    Симпатии:
    17
    Возможно.
    Только чтобы вы не писали потом "Не помогло", лучше покажите сайт (ссылку). Хоть под спойлером, например.
    За мое правильное решение с вас плитка шоколада :)
     
  6. Пендель

    Пендель Писатель

    Регистр.:
    16 апр 2014
    Сообщения:
    9
    Симпатии:
    3
    .container {width: 1200px}

    @media all and (max-width: 1600px) {
    .container {width: 90%;}
    }

    Надо ширину контента менять, так как у вас для фона места не остается

    А еще http://htmlbook.ru/css/background-position
     
    AlgoriVismut нравится это.