0

ulliメニューの改善にご協力ください。

私の例を確認してくださいhttp://jsfiddle.net/fantill/SBkRk/

メニューの第 1 レベルからホバーできるようになりましたが、現在のホバー効果を維持したまま、第 2 レベルからホバーできるようにしたいと考えています。(第 1 レベルと第 2レベルを表示し、残りを非表示にします)

かなり疲れましたが、それを行う方法が見つかりませんでしたposition: relative, absolute。問題により、ホバー設定は第 1 レベルからしか機能しないようです。

アドバイスありがとうございます。

今はまるで

--------------------
| 1st | 2nd |  3rd |
| ----|-------------
|     |     |
|-----|-----|
|     |
-------

私はそれがこのようになりたいです

1st and 2nd level are always visible
-------
| 1st |
| ----|------
| |2nd| 3rd |
|-----|------
| |2nd|
-------
4

1 に答える 1

2

jsfiddleを更新して、希望どおりに動作するようにしました。これは更新されたcssです：

.MM ul {
  position:absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
}
.MM ul li:hover > ul {
    display:block;
}
.MM ul li {
    position: relative;
  display: block;
}
.MM ul ul {
    display:none;
    position: relative;
    white-space: nowrap;
    top: 0;
    left:0;
}
.MM ul ul ul {
  position: absolute;
    top: 0px;
    left: 100%;
}
于 2013-01-14T11:23:28.000 に答える