個人の Web サイトで、CSS と HTML5 (JavaScript なし) のみを使用してドロップダウン メニューを作成しています。ここにあります:http://davidvalles.cu.cc
Firefox で入力すると、メニューがうまく機能します ("Secciones" という名前のメニューです): "Secciones" div の上にマウスを置くと、メニューがトランジションと共に表示されます。
ただし、Safari や Chrome で試してみると、マウスを "Secciones" div の下に置かない限り、正常に動作します。その場合、メニューは正常に表示されます。その場合、メニューを開きたくありません。「Secciones」リンク (Secciones テキストを含むすべてのボックス) の上にマウスを置いたときにのみ開きたいと思います。
私は何を間違っていますか?メニューが Firefox では完全に機能するのに、Safari では機能しないのはなぜですか? 見ていただけますか?ありがとうございます。下手な英語で申し訳ありません。勉強中です。訂正してください:)