Святослав Чолач
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 не обойтись.