0

私は通常cssに問題はありません。このナビゲーションメニューを自分で作成しましたが、アイテムの上にカーソルを置いたときにdivが表示されない理由を理解できないようです...私はjsfiddle @ http :/を作成します/jsfiddle.net/LuLTM/すべてのコードも...

#beautyworld #beautyhealth {display:none;}
#beautyworld #beautyhealth:hover {color:black;display:block!important}

div #beautyworld にカーソルを合わせると、div #beautyhealth が表示されるようにしたいのですが... CSS が機能しない理由がわかりません.... 誰かアドバイスをお願いできますか? ありがとうございました

4

1 に答える 1

1

問題は、現在「display:none」になっているものの上にホバーを発生させようとしていることにあると思います。display none は要素を折りたたむため、ホバーするものはありません。子を表示するには、相対的な親レベルにカーソルを合わせる必要があります。

例えば：

#beautyworld > div { display:none; }
#beautyworld:hover > div { color:black; display: block !important; }
于 2013-04-13T03:57:08.210 に答える