0

Buddypressのデフォルトテーマの子テーマを開発しています。ナビゲーションバーの外観をかなりカスタマイズしましたが、現在、ドロップダウンメニューを機能させようとしています。デフォルトのテーマで正常に機能します。デフォルトのテーマでは、ホバーされたナビゲーションバーのアイテムを一覧表示するクラス.sfhoverが追加され、このdivクラスにはCSS'position:relative; z-index:1000'があります。ドロップダウンメニューを上に配置する必要がある#containerdivには、CSS'position:relative'があり、z-indexは設定されていません。おそらくこれは、z-indexがデフォルトの0であることを意味します。最後に、ナビゲーションバーを含む#headerdivにはCSS'position:relative; z-index:1000'があります。

子テーマで、これら3つのdivですべてのCSSが同じであることを確認しましたが、実際には同じですが、ドロップダウンメニューは#container divの上に表示されませんが、#containerdivでは途切れます。開始します。

このページにアクセスして、ナビゲーションバーの「リンク」アイテムにカーソルを合わせると、私が何を意味するのかがわかります。このページはパスワードで保護されているため、ページを表示するには次の資格情報が必要です。

ユーザー名:ゲストパスワード:stackoverflow

おそらく誰かが、これが私の子テーマで期待どおりに機能しない理由を見つけることができますか?

ありがとう、

ニック

4

2 に答える 2

2

z-index に問題はありません。ナビサブメニューが含まれていることを意味するセット#headerがあります。overflow: hiddenこれを外すと元気になります。

于 2012-06-23T10:44:04.133 に答える
1

問題は<div id="header">プロパティを持つブロックにありoverflow: hidden、その次元外のものはすべて隠されています。それを削除する必要があり、クリアフロートに使用する場合は、別の方法を試してください:ボイラープレートclearfixまたは単にdivをclear:bothafterに追加します<div id="header">

于 2012-06-23T10:43:22.130 に答える