私は次のようなリストメニューを持っています:
<div id="my_menu">
<ul class="my_horizontal_menu">
<li class="nav_1">
<a>my nav1</a>
</li>
<li class="nav_2">
<a>my nav2</a>
</li>
</ul>
</div>
メニューをクリックすると、コンテンツを表示するために他のdivがあります。
<div id="my_container_1">
some data
</div>
<div id="my_container_2">
some data
</div>
いくつかの単純なJQueryコードを使用して、適切なメニューとコンテナーを表示します。すべてが正常に動作します。今、私はコンテナに固定されたdivを持っています:
<div id="my_container_2">
<table>...some data...</table>
<div id="my_fixed_div">
</div>
</div>
固定divmy_fixed_div
は、ページがスクロールして機能するときに修正するCSSを使用します。問題は、ユーザーがスクロールしたときにこの修正されたdivがメニューと重なることです。
この問題を解決する方法を知っていますか?すべてのページコンテンツに常に固定divを表示しますか?試してみましz-index:1000
たが動作しません...