1

無限のレベルのサブカテゴリを維持するカテゴリテーブルがあります。次のスナップショットのようになります。

ここに画像の説明を入力してください

上記の表の3番目の列には、親の名前が表示されています。親名の上にマウスボタンを置くと、カテゴリのツリー構造をさまざまな色で示すメニューが表示されます。

メニューがポップアップすると、その下の親の名前が重なっています（言葉でうまく表現できないので、上の画像を見てください）。メニューが正しく表示されるようにするには、どのCSSまたはその他のシンを使用する必要がありますか？

親の名前は次のように表示さ<ul><li></li></ul>れます

<ul>
    <li>
        <div style='width:53px;cursor:hand;text-align:left; background-color:white; border:none; color:black; font-size:small;'>

         <?php echo htmlspecialchars($name, ENT_QUOTES, 'UTF-8');?>

        </div>                            
   </li>
</ul>

メニュー全体を表示するCSSが必要な場合は以下のとおりです。

.jqueryslidemenu{font:bold 9px Tahoma, Verdana, sans-serif;color:#fff;width: 100%;text-align:left;z-index:99999}
.jqueryslidemenu ul{margin: 0;padding: 0px;list-style-type: none;z-index:99999}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;z-index:99999}
.jqueryslidemenu ul li a{font:bold 12px Tahoma, Verdana, sans-serif;display: block;background:#000;color: #fff;padding: 3px 3px;text-decoration: none;z-index:99999}
* html .jqueryslidemenu ul li a{display: inline-block;z-index:99999}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color: #fff;text-decoration: none;z-index:99999}

.jqueryslidemenu ul li a:hover{background:#000;text-decoration:none;color: #03C;z-index:99999}
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;z-index:99999}
.jqueryslidemenu ul li ul li{display: list-item;float: none;z-index:99999}
.jqueryslidemenu ul li ul li ul{top:0;z-index:99999}
.jqueryslidemenu ul li ul li a{font:bold 9px Tahoma, Verdana, Geneva, sans-serif;width: 140px;margin: 0;padding: 6px;border-top-width: 0;border-bottom: 1px solid gray;z-index:99999}
.jqueryslidemenuz ul li ul li a:hover{color:#fff; background:#000;z-index:99999}
.downarrowclass{position: absolute;top: 8px;right: 7px;display:none;z-index:99999}
.rightarrowclass{position: absolute;top: 6px;right: 5px;z-index:99999}
4

2 に答える 2

2

z-indexの問題のようです。

それはあなたのcssのこの行が原因である可能性があります：

.jqueryslidemenu ul li a

親リンクテキストをカスケードポップアップメニューの上に表示する99999のz-indexはありますか？z-indexを1に下げて、それが役立つかどうかを確認します。

于 2012-10-01T14:27:34.243 に答える
1

z-indexが99999に設定されているように見えます。これは、アイテムを強制的に最上位にすることを意味します。その特定の要素（ul li）にautoまたは1のz-indexを与えます。これを行うには、その列に以下のような特定のクラスを与えます。

html：

<li class="behind"></li>

css：

li.behind{
    z-index: auto;
}
于 2012-10-01T14:28:39.360 に答える