0

配置された divz-indexのプロパティに問題があります。absolute

これが私のコードです:

<nav>
    <li>
      <a href="#">Nav1</a>
      <div class="sub_nav">
        <ul>
          <li><a href="#">SubNav1</a></li>
          <li><a href="#">SubNav2</a></li>
        </ul>
      </div>
    </li>
 </nav>


<div id="tabs">
   <ul>
      <li><a href="#tabs-1">Tab1</a></li>
      <li><a href="#tabs-2">Tab2</a></li>
   </ul>
   <div id="tabs-1">
       sjdhfjdshfjsdhf sdjfhsdjfhsdf jsdhfjsdhfj
   </div>
   <div id="tabs-2">
       jsahdjashdjahsd ajshdjahsdjas jashdjashdjhasjhdja
   </div>
</div>

nav li配置relativeされ、sub_nav配置されabsoluteます。また、リストは画面の左側に、タブは画面の右側に配置されます。カーソルを合わせるとnav li、divのsub_nav後ろに移動します。tabs

これが私のCssです:

.sub_nav{ 
   position: absolute;
   left: 100%;
   top: 0;
   background: #eee;
   width: 200px;
   z-index: 99999
}

divz-indexにはありません。tabs

どんな助けでも大歓迎です。

4

3 に答える 3

1

Apparantly there was a position:relative in the tabs div. I removed that and the problem solved :)

于 2013-09-05T10:13:11.080 に答える
0

z インデックスを与える: 99; に<ul>

于 2013-09-05T06:48:33.263 に答える
0

これは、間違った値 ' ' を ' に入れた Z インデックスの問題ではありませんleft:100%sub_nav' これを " に置き換えるright:0px;"か、必要に応じて構造を変更します

これはフィドルのリンクですこれにアクセスしてください

于 2013-09-05T06:58:27.400 に答える