Почему высота css не работает?

Question

Если я пытаюсь установить высоту элемента, я не могу заставить его работать. Я пробовал делать это с помощью css и jquery, но оба они безрезультатно.

Это CSS я пробовал:

#slider{ 
width:100%; 
height:100%; 
background-image: url(/img/background.jpg); 
background-size: 100%; 
} 

и этого Jquery код

var screen_height = $(document).height(); 
$('#slider').css('Height', screen_height); 

знает ли кто, как это исправить. Это не первый раз, когда у меня есть эта проблема, и обычно я могу исправить ее с помощью JQuery, но теперь даже это не работает.

Answer 1

Так что, если вы вставляете другую страницу в #page вам необходимо добавить высоту ползуна, когда загрузка завершена. .

$("#page").load("content.php", function() { 
    $('#slider').height($(window).height()); 
}); 

Или как этот

$("#page").load("content.php", function() { 
    $('body').find('#slider').height($(window).height()); 
}); 

Answer 2

попробовать это: -

var screen_height = $(document).height(); 
$('#slider').css('height', screen_height); 

или

$('#slider').height(screen_height); 

Answer 3

height: 100%; Для работы в #slider, вы также должны иметь явную высоту, установленный в его родителя. Или, относительная высота установлена ​​у всех предков вплоть до html или с предком с установленной высотой.

Answer 4

Используйте этот DEMO

var screen_height = $(document).height(); 
$('#slider').css({height: screen_height});