選択したメニュー項目またはホバーしたメニュー項目にグラデーションの背景色を使用します。これは、chrome、FF、opera、ie7、ie8で正常に機能します。しかし、ie9では、要素の背景が要素の右側に表示されますが、テキストは所定の位置に保持されます。これが最初の問題です。
私が直面した2番目の問題は、丸みを帯びた角で、クロム、FF、オペラでは問題なく動作しますが、IE9では角は問題ありませんが、ボックスの背景は画像でしたが、白く見えます!!!
3番目の問題は、シャドウの問題です。画像を含むdivにシャドウを適用すると、すべてのブラウザで正常に機能しますが、マウスオーバーでシャドウと不透明度の変更を適用する代わりに、div全体をオフセットすると、divの側面に黒い部分が追加されて問題が増加します。影がない???????
ie9がcss3をサポートしていると聞いたとき、これは信じられないことでした。つまり、これは私の悪夢です。
私はIE9でのウェブサイトの将来の出現を恐れているので、これを追加します
<meta http-equiv="X-UA-Compatible" content="IE=7.5"/>
IE=7またはIE=8を使用した場合、問題はそのままですが、その行を追加した後はより良く見えることはわかっていますが、丸みを帯びた角はサポートされていません。