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
おそらく誰かが、これが私の子テーマで期待どおりに機能しない理由を見つけることができますか?
ありがとう、
ニック