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

Question

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

0

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

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

ура

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

Dancer 09 дек. 2013, в 13:17

Источник

0

Можете ли вы поделиться ссылкой на какой-то сайт, который лучше показывает, что вам нужно (может быть, URL-адрес facebook)
Zword 09 дек. 2013, в 11:21
0

если возможно придумайте демо на jsfiddle
Nitin Agrawal 09 дек. 2013, в 11:21
0

Это то, что вы хотите: facebook.com/policies/?ref=pf
Zword 09 дек. 2013, в 11:23
0

Привет, ребята, - добавил ссылку выше, которая, надеюсь, лучше объясняет, с чем я работаю! Приветствия за вашу помощь.
Dancer 09 дек. 2013, в 11:26

Показать ещё 2 комментария

Теги:

html

css

css3

1 ответ

Ещё вопросы

Можете ли вы поделиться ссылкой на какой-то сайт, который лучше показывает, что вам нужно (может быть, URL-адрес facebook)
если возможно придумайте демо на jsfiddle
Это то, что вы хотите: facebook.com/policies/?ref=pf
Привет, ребята, - добавил ссылку выше, которая, надеюсь, лучше объясняет, с чем я работаю! Приветствия за вашу помощь.

Marinus · Answer 1 · 2013-12-09T10-17-00.000Z

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

найти это

<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