Святослав Чолач
32 сообщения
#12 лет назад
Есть фон который выше чем высота браузера, нужно сделать так чтоб фон прокручивался когда картинка которая на фоне заканчивалась по высоте. Как это можно реализовать? Помогите плз.
Роман Титок
359 сообщений
#12 лет назад
tradzt, если я понял правильно, то как-то так (зеленый блок - это ваша картинка)
фон кладем блоком с абсолютным позиционированием, а контент поверх фона с position:relative; (чтобы он оказался поверх фона). если нужно чтобы картинка всегда была на одном месте (когда высота контента больше высоты картинки), то меняем в зеленом блоке position:absolute на position:fixed.
Святослав Чолач
32 сообщения
#12 лет назад
Что-то не получилось =( Возможно вы не правильно поняли задачу. Есть картинка с высотой 1200рх, допустим у меня экран в высоту 900рх. Мне нужно сделать так чтоб картинка при прокручивании была фиксирована, но при этом прокручивалась во всю высоту.
Александр Д.
676 сообщений
#12 лет назад
Min-height: высота фото

не подойдет в вашем случае?
Роман Титок
359 сообщений
#12 лет назад
Bob301, думаю нет, боюсь что без скрипта не обойтись, т.к. в начале у картинки должно быть position:absolute, потом при достижении конца картинки, должно становится position:fixed.
Евгений О.
2989 сообщений
#12 лет назад
Например можно так:
<style type="text/css">
<!--
img.bg_main {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
-->
</style>
<img src="/_uimages/bg_main.jpg" class="bg_main" alt="" title="" />


Но может оказаться, что javascript не обойтись.