CSS - Динамический размер Div - полная ширина отзывчивого фон

У меня есть полная страница DIV, который имеет слайд в разделе (по аналогии с Facebook App), как видно в частично построенной странице в Teh скриншота ниже -CSS - Динамический размер Div - полная ширина отзывчивого фон

enter image description here

Мне нужно приложить фоновое изображение к основному столбцу, который растягивается до полной ширины и остается на месте, когда страница прокручивается над ним - в соответствии со стандартным статически расположенным обложкой - но мне также нужно, чтобы он перемещался с контейнером, когда активируется слайд в секции, что противоречит свойствам статических изображений - и дает мне головную боль. - У кого-нибудь есть идеи?

Приветствия

Update Это в основном шаблон я отработкой для сайта - http://jsbin.com/AviNUxA/2/edit. Поэтому мне нужно фоновое изображение претендует на главную панель - которая будет оставаться статический позиционируется - но и двигаться, когда окно скользит вправо .. http://jsbin.com/AviNUxA/2/edit

источник

2013-12-09 Dancer

Вы можете поделиться ссылкой на какой-то сайт, который лучше показывает, что вам нужно (может быть facebook URL) – Zword

если можно придумать с некоторой демонстрацией на jsfiddle –

Это то, что вы хотите: https://www.facebook.com/policies/?ref=pf – Zword

Попробуйте это ..

найти эту

<div class="col-xs-12 col-sm-8">

вставки это после того, как .... и использование CSS при условии ...

<div id="background"> 
     <img src="yourimageurl.jpg" class="stretch"> 
     </div>

CSS

#background{ 
z-index:-90; 
position:absolute; 
} 
.stretch{ 
width:100%; 
height:100%;}

Вы можете растянуть изображение по мере необходимости.

Надежда это то, что вы ищете ..

что-то вроде этого http://jsbin.com/EbEZOZIl/1/edit

источник

2013-12-09 11:50:16 Marinus

CSS - Динамический размер Div - полная ширина отзывчивого фон

ответ

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