そのメニュー項目のサブメニューにカーソルを合わせているときに、トップレベルのメニュー項目をホバーまたはアクティブな状態に保つ方法を求めています。
例はここにあります: http://marketplace.prettypollution.com - 「ニュース」メニュー項目にカーソルを合わせ (BG は暗くなります)、サブメニューに移動して表示されます - 「ニュース」項目が通常の状態に戻ります.
そのメニュー項目のサブメニューにカーソルを合わせているときに、トップレベルのメニュー項目をホバーまたはアクティブな状態に保つ方法を求めています。
例はここにあります: http://marketplace.prettypollution.com - 「ニュース」メニュー項目にカーソルを合わせ (BG は暗くなります)、サブメニューに移動して表示されます - 「ニュース」項目が通常の状態に戻ります.
すでに次のような宣言があります。
#nav_398484 li#menu-news a:hover {
background: url( http://blah );
}
li タグ全体をカバーするために別のタグを追加するだけです。
#nav_398484 li#menu-news:hover {
background: url( http://blah );
}
これは IE6 では動作しませんが、実際にはどうなのでしょうか?
すべての css をそれらの id にターゲットするのではなく、これらの最上位のメニュー li タグに共有クラスを割り当てると、追跡する宣言が少なくなります。