CSS在Internet Explorer＆amp;中无法正常显示歌剧

Question

我用CSS制作了漂亮的旋转轮，它在mozilla firefox，chrome，safari，Android浏览器中完美呈现。

Internet Explorer和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中所知道的，不支持渐变背景和动画。我不知道歌剧你应该查看规格。