css - CSS 无法在 Internet Explorer 和歌剧中正确显示

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);

另外，如果有人知道在 IE 下制作 css 动画的方法，我将不胜感激。

Answer 1

据我所知，Internet Explorer 8-9 不支持渐变背景和动画。我不知道歌剧你应该检查规格。

Answer 2

据我所知，IE 对于实现 CSS3 来说是很糟糕的。您是否在 HTML 中添加了 DOCTYPE？这可能会解决 IE 问题。就 Opera 而言，我不知道 DOCTYPE 修复是否会起作用。