サッカーフィッシュ モデルに似た純粋な css ドロップダウン ナビゲーション メニューを設計しました。メインのナビゲーション ボタンとネストされた ul ドロップダウンの間に少しスペースが必要です。これを実現するために、ネストされたリストの上部に少量のパディングを追加しました。は他のすべてのブラウザで美しく動作しますが、悪質な IE には少し問題があります。
ドロップダウン (ネストされた ul) が表示されるのは、メイン ナビゲーション ボタンに直接ホバーするか、ul li の子であるネストされた ul にホバーすることによって、ドロップダウンを含む li にホバーしているためです。問題は、ホバーが関係する要素自体の要素部分のパディングを考慮している IE のバージョンがないため、メインのナビゲーション ボタンからドロップダウンにマウス ダウンするとすぐに、ホバーがドロップされ、ドロップダウンが消えることです。
ただし、背景が設定されていない場合にのみ IE がこれを行うことを最近発見しました。ネストされた ul にパディングを配置し、背景を設定すると、正常に動作します。これはhaslayoutの問題ですか？haslayout を無駄にトリガーするために他のいくつかのことを試したので、そうは思いません。背景なしでこれを修正する他の方法はありますか? いくつかの理由で、私はそれを持つことができません。
ああ、もう 1 つのヒントを試してみましたが、rgba(0,0,0,0) の背景、つまり透明な背景でも動作します。rgba をサポートする IE バージョン (つまり、 、9 以上のみ、つまり 9)。
これは私だけの仕事ではないので、コードを投稿することはできませんが、どんなアイデアでも大歓迎です。必要に応じて例を入力できると思いますが、そのすべての問題を解決する前に、まず皆さんの考えを見てみましょう. 前もって感謝します！