-2

非常に押し付けがましいドロップダウン ナビゲーション メニューがあります。アイテムの数は、他のメイン コンテンツの上に表示されることを意味します。これは非常に単純なページなので、大したことではありません。

私がやりたいのは、背景のdivを透明/不透明にするか、ナビゲーションバーにカーソルを合わせたときに非表示にすることです。ナビゲーションの上にカーソルを置くと、ドロップダウンが表示され、同時に背景の div がフェードすると、かなりエレガントになる可能性があります。

別の子である場合は div を変更できますが、この場合は変更できません。（明確にするために、それはもちろん子供ですが、ナビがホバーされたときにのみターゲットにしたいです）

私はこれに似たレイアウトを持っています:

<wrapper>
    <header></header>
    <content>
        <nav></nav>
            <other container> 
                <divToBeAltered></divToBeAltered>
                <divToBeAltered></divToBeAltered>
            </other>
    </content>
</wrapper>

できればjQueryは避けたいです。

助けてくれてありがとう。

4

2 に答える 2

2

css 兄弟セレクターを使用してみてください。http://css-tricks.com/child-and-sibling-selectors/

この場合、次のようにします

nav:hover + othercontainer divtobealtered{
  opacity:0.5;
}
于 2013-07-29T21:02:11.537 に答える