宿題をしていると、使用している CSS トランジション効果などを使用できないようdisplay:none;
ですdisplay:inline;
。
CSSドロップダウンメニューにカーソルを合わせたときにフェードインとフェードアウトを追加して、見栄えを良くしたいと考えています。私が発見したように、表示要素を使用する場合、これは不可能です。
CSS から削除しようとしdisplay
ましたが、これを行うと要素がそこにあり (表示されていないにもかかわらず)、マウスを合わせるとフェードインします。「pointer-events:none;」を追加する提案を読みました。これにはクロスブラウザ互換性がありません。また、マウスを再度上に置くと、フェード要素がちらつきます。
また、CSS キーフレーム アニメーションの提案を使用して、表示要素の使用中にフェードインしましたが、マウスが離れたときにこれをフェードアウトさせることができませんでした。:(
多くのウェブサイトで見たことがあるので、これが可能であることは知っていますが、私の場合は正しく機能させることができません.
これが私のコードです: