0

編集：将来誰かがこれを見つけた場合に備えて、解決策は可視性の使用から変更することであることがわかりました：を表示する：、コードで

可視性：非表示; display：noneになります; 可視性：可視; display：blockになります。

4番目のネストで可視性が機能しない理由を正確に把握したことはありませんが、少なくともこれで修正されるようです

こんにちは、みんな、

私は現在、いくつかのCSSとリストを使用して作成されたドロップダウンメニューを使用しています。正常に動作していますが、何らかの理由で、このメニューの第4レベルはvisibility：hiddenをリッスンしていません。指図。要素インスペクターによると、要素は有効になっていると表示されますが、実際には実行されていません。

例はここにあります：http：//dev.hutchup.com/test/css-dropdown.htm

ログが多すぎて上のリンクで見ることができるので、過去のコードはしません

ご覧のとおり、最初のレベル2リンクにカーソルを合わせると、レベル3と4が表示され、3のみが表示されます。次に、3のliをロールオーバーすると、4番目のレベルが表示されます。

これ/ビルド済みのものを実行する簡単な方法はたくさんあることは知っていますが、joomlaのACLコンポーネントを使用してメニュー項目を表示しないようにするには、この方法で実行する必要があります。

何時間もかけて直せないのでよろしくお願いします！

4

1 に答える 1

0

確かではありませんが、この多くのレベルのネストは恐ろしいビジネスであり、この時代では、フォールバックを備えた単純なJavaScriptで処理する方がおそらく適切です（特にネストされたレベルが大量にある場合）。

  • 第4レベルのスタイルを指定していないように見えます。それがあなたの問題であるかどうかを確認するために、いくつか追加することをお勧めします。
  • このようなCSSがあります;
   .moduletable_topmenu ul.menu li.item69 a {
    height: 2.5em;
   }
   */

   /*
   .moduletable_topmenu ul.menu li.item89 {
    height: 3.7em;
   } 

   .moduletable_topmenu ul.menu li.item89 a {
    height: 2.5em;
   }

これらのli.item[n]項目は、他の何かから残っているか、実装されていない将来のアイデアのいずれかですが、問題のメニューには確かに適用されません。

于 2011-04-12T06:10:45.053 に答える