После двухдневного исследования я все еще не могу найти решение. Я использую изображение в качестве фона для моего сайта bootstrap 2.3.2. Я пытаюсь выяснить, как заставить окно браузера отрегулировать высоту каждой страницы. Сначала фоновое изображение было видно ниже нижнего колонтитула, которое выглядело довольно глупо. Все попытки фонового переполнения: скрытые; не работает при нанесении на тело или в таблицу стилей изображения. Это код сценария, который работал Сорта:Высота страницы Высота равного окна
` <script type="text/javascript">
var viewport = $(window).height();
$('.container-fluid').height(viewport);
</script>
` Это получило изображение в пределах тела, но не производится прокрутка независимо от того, как высоко в окне браузера. Это код используется для изображения:
body {
margin-top: 0px;
margin-bottom: 0px;
background: none;
background-overflow: hidden;
}
.full {
background: url(http://test2.gandlconsultants.com/assets/img/big-pic-01.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-overflow: hidden;
z-index: 999;
}
Может кто-то пожалуйста, скажите мне, как получить окно браузера, чтобы ограничить себя фактической высоту страницы, т.е. если страница только й количество пикселей в окне браузера настраивается на высоту x страницы. Страница, на которую я пишу это, делает это. Спасибо.
Как выглядит ваш основной HTML-код? – Marcelo
Вы имеете в виду, что размер окна зависит от высоты страницы? Давайте скажем, что ваша страница завершена на половину окна браузера, а затем окно браузера будет половинным размером? –
–