css - InternetExplorerとOperaでCSSが正しく表示されない

Question

私はCSSで素敵なスピニングホイールを作りました、そしてそれはあなたがそれを名付けるモジラファイアフォックス、クローム、サファリ、アンドロイドストックブラウザで完全にレンダリングします。

唯一の例外は、InternetExplorerとOperaです。非常に醜いレンダリングであり、根本的な原因は、私が読んだものが適切に指示に従っているために適切にレンダリングされないことであるとは思えません...

違いについては、以下を参照してください。

http://jsfiddle.net/cyLrm/2

問題は主に次のCSSコードにあると思います。

background-image: -moz-radial-gradient(75% 20%, circle closest-corner, #ffffff, #ff0d0d 100px);
background-image: -webkit-radial-gradient(65% 50%, circle closest-corner, #ffffff, #ff0d0d 100px);
background-image: -o-radial-gradient(75% 20%, circle closest-corner, #ffffff, #ff0d0d 100px);
background-image: -ms-radial-gradient(75% 20%, circle closest-corner, #ffffff, #ff0d0d 100px);
background-image: radial-gradient(75% 20%, circle closest-corner, #ffffff, #ff0d0d 100px);

また、誰かがCSSアニメーションをIEで動作させる方法を知っていれば、私は非常に感謝しています。

Answer 1

私の知る限り、IEはCSS3を実装するのにひどいです。HTMLにDOCTYPEを追加しましたか？これにより、IEの問題が修正される場合があります。Operaに関する限り、DOCTYPE修正が機能するかどうかはわかりません。

Answer 2

Internet Explorer 8-9で私が知っていることについては、グラデーションの背景とアニメーションはサポートされていません。オペラについてはスペックを確認してください。