Div Position Fixed

У меня проблема с двумя divs, которые имеют position: fixed.Div Position Fixed

Если вы посмотрите на заголовок, полоса прокрутки находится сзади, а заголовок находится поверх полосы прокрутки. Как я могу это исправить?

HTML:

<div class="BG1"> 
<div class="Data"></div> 
</div> 

<div class="BG2"> 
<div id="Header"> 
    <div class="Header_Data"></div> 
</div> 
<br />a<br /><br />a<br /><br /> 
</div>

Код: http://jsfiddle.net/Z6Pwg/

источник

2013-06-29 Mihai Viteazu

никогда не видел, что раньше, очень заинтересованы в ответе – Alp

Вы можете исправить это путем создания макета, не делая все на позиции страницы ': fixed'. Полоса прокрутки браузера не может перекрываться, в отличие от полосы прокрутки div. –

Я упростил свой пример: http://jsfiddle.net/uVjft/

Так на самом деле у вас есть на position: fixed блок внутри другого. И полоса прокрутки соответствует BG2 блоку НЕ является полосой прокрутки окна, которая фактически не может перекрываться.

Чтобы исправить это попытаться удалить position: fixed из BG2 DIV: http://jsfiddle.net/Z6Pwg/1/

источник

2013-06-29 18:35:08 claustrofob

да, я вижу это ... но как я могу что-то сделать, или какое-то исправление ... прямо сейчас единственное исправление, которое я нахожу, что его «.BG2 #Header» будет шириной: 99%, поэтому у него есть место для scrollbar ... проблема его, если вы хотите добавить box-shadow, будет проблемой ... –

ли удаление 'position: fixed' из div не решает проблему? – claustrofob

извините, я отправил неправильную ссылку, я обновил ответ http://jsfiddle.net/Z6Pwg/1/ – claustrofob

просто включить код

.BG2 #Header .Header_Data { 
    width: 100%; 
    height: 120px; 
    overflow: hidden; 
    background-color:#eee; 

}

в вашем CSS будет устранить проблему, а если и хотят, неподвижная заголовок не используют прозрачный фон

Благодаря

источник

2014-02-03 09:24:06 Ajis

Div Position Fixed

ответ

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