css position вопрос: слои с z-индексом?

Question

Эй, ребята, у меня, вероятно, довольно простая проблема:

мой веб-сайт имеет два слоя:

1) навигация с помощью перетаскивания сверху, которая должна быть расположена абсолютно, поэтому прокрутка невоздействовать на бары.

2) область содержимого позади навигации, которая должна быть прокручиваемой.

вы можете видеть, что я имею в виду прямо здесь: http://jsfiddle.net/Pghqv/

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

большое спасибо.

Answer 1

В вашей демонстрации единственная причина, по которой вы не можете щелкнуть содержимое за заголовком, это , потому что он находится за заголовком #navigation div .Если вы переместите его из-за заголовка #navigation div, например, с margin-top: 200px;, то это сработает: JS fiddle demo .

Отредактировано с учетом необходимости динамического решения и тега jQuery:

Если высота элемента #navigation заранее не известна, то следующееjQuery можно использовать вместо конкретной css декларации в таблице стилей:

$('#page-wrap').css('margin-top',$('#navigation').outerHeight());

JS Fiddle demo .