2015-10-09 2 views
0

Я хочу дать свой bg pic, как высоту, так и вес! Но это только позволит мне установить одно значение! Кто-нибудь знает, что делать?JQuery CSS два значения

$(document).ready(function() { 
    function setHeight() { 
    windowHeight = $(window).innerHeight(); 
    $('body').css('background-size', windowHeight, '100%'); 
    }; 
    setHeight(); 

    $(window).resize(function() { 
    setHeight(); 
    }); 
}); 
+1

Делают это с чистым JS: 'document.body.style.cssText = ' ширина: 100%; высота: 100% '; ' –

+0

Я не предполагал, что это будет в теле, которое там было написано, но полноэкранный div. –

+1

создать функцию setWidth, которая делает то же самое, но с шириной, и вызвать ее в функции изменения размера? – Jesse

ответ

4

Поместите ширину и высоту вместе в строку. Первое значение устанавливает ширину, а второе значение устанавливает высоту. И .innerHeight() возвращает только значение, поэтому вам нужно добавить px.

$('body').css('background-size', '100% ' + windowHeight + 'px'); 
+0

Нет, ему не хватает пробела между значениями. –

+0

Редактирование является правильным форматом: с '+' –

2

Я вижу, что вы хотите получить фоновое изображение, чтобы заполнить все тело. Вы можете легко достичь этого через свойства css.

background-size: cover; 

или

background-size: contain; 

Вот один из многих учебных пособий: https://css-tricks.com/perfect-full-page-background-image/

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

DEMO

+0

он предназначен для получения одинакового результирующего изображения, такого как background-size: cover; но он должен работать на iphone –

+0

не должно быть проблемой http://caniuse.com/#feat=background-img-opts просто не забудьте добавить его в html, а не в тело - добавив его в тело как известно, создает странное поведение –

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