2013-04-13 2 views
2

Я работаю над настройкой своего магазина с открытым карьере. У меня есть одно большое изображение в качестве фона для всей моей веб-страницы. Затем весь контент прокручивается над ним, и он остается на месте. Проблема в том, что фон не масштабируется правильно. Он масштабируется больше, чем страница. Как я могу довести его до 100% с помощью opencart?Opencart scaled background

на моей домашней странице У меня есть элемент img, а затем используйте его для масштабирования и положения.

img.bg { 
    min-height: 100%; 
    width: 100%; 
    height: auto; 
    position: fixed; 
    top:0; 
    left:0; 
    z-index: -999; 
} 

но с открытой тележкой Я должен отправить изображение, используя таблицу стилей, а не элемент изображения. Поэтому я не уверен, как применять эти стили в фоновом классе. Изображение установлено на свойство фона для класса body.

+0

- фоновое изображение, установленное на тело? – Vector

+0

уверенный есть. См. Мое редактирование выше. – DasPete

+0

Вам не нужна минимальная высота: 100%; только высота: 100%; было бы лучше, так как тогда оно не будет превышать 100% и переполнение. – Vector

ответ

1

Корпус CSS, вероятно, является проблемой. Вы можете попробовать это

body { 
    max-height:100%; 
    max-width:100%; 
} 
+0

, который сделал трюк! Спасибо @vector – DasPete