прокрутки фоновое изображение тела на изменение размера

Я хочу, чтобы изображение на теле веб-сайта, для которого я использую этот CSS:прокрутки фоновое изображение тела на изменение размера

body { 
    background-color: #000; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    background-image: url(image.jpg); 
    background-repeat: no-repeat; 
    background-position:center top; 
}

При изменении размера браузера я желаю, чтобы увидеть полосы прокрутки появляются так это изображение можно прокручивать. Что мне не хватает?

источник

2014-09-14 kid.abr

Попробуйте поместить свое изображение в тег 'img'. – dashtinejad

@ROX без ярлыка img это невозможно? Я видел, как некоторые веб-сайты это делали. проверьте это theactsoftheapostles.com –

@ EldhoAbraham - 'min-height' /' min-width' –

Вы должны установить min-width и min-height для вашего body на основе ширины и высоты вашего изображения:

body { 
    background-color: #000; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    background-image: url(http://theactsoftheapostles.com/images/yesu-ki-jai-bg.jpg); 
    background-repeat: no-repeat; 
    background-position:center top; 
    min-width: 1390px; 
    min-height: 903px; 
}

JSFiddle Demo.

Однако я считаю, что лучше избегать использования горизонтальной полосы прокрутки.

источник

2014-09-14 06:07:29 dashtinejad

спасибо !! что работает. Однако я хочу установить минимальную ширину и высоту с помощью JS '$ (body) .css ({'min-width': window.screen.availWidth, 'min-height': window.screen. availHeight}); ' не удалось достичь в этом случае. –

в основном для мониторов шириной более 1390 пикселей, изображение не будет заполнено, тогда я должен использовать 'background-size: cover;', чтобы получить его полный, а затем прокрутка не будет, так как изображение будет изменяться при изменении размера браузера –

прокрутки фоновое изображение тела на изменение размера

ответ

Смежные вопросы