私のナビゲーションでは、CSS トランジションを使用してサブメニューのフェードイン/フェードアウト効果を作成できるように、display プロパティではなく、height/width および opacity プロパティを使用してサブメニューを表示/非表示にしています。メニュー。これは、Safari を除くすべてのブラウザーで問題なく動作しますが、その理由はわかりません。
ウェブサイトはhttp://rtt.celero.com.auにあります。Safari 以外のブラウザで見て、Safari での表示と比較してください。
その他のブラウザ:
サファリ：
Safari でこのバグを引き起こしている原因について何か考えがある人はいますか?
編集: Web サイトは以下の提案に従って更新されましたfloat: noneが、最上位のナビゲーション項目がサブメニューの幅まで拡張されているという別の Safari のみの問題があるようです。これを修正するためのアイデアはありますか？
新しい Safari の問題:
