css - 过渡在 Opera 中不起作用

Question

你们知道为什么以下 CSS3 过渡在 Opera 中不起作用，即使使用了 -o-transition ？Firefox 和 IE 10 正确呈现菜单项：

http://jsfiddle.net/JYLZ3/

Answer 1

You could try the following syntax instead:

-o-transition-property: background-color;
-o-transition-duration: 4s;

I just modified the fiddle and this indeed works in Opera 11.62. In fact, it appears you could just use the shorthand form, but include -color to make it work with Opera:

-o-transition: background-color 5s;

Source: http://dev.opera.com/articles/view/css3-transitions-and-2d-transforms/

Answer 2

这在 Opera 12 alpha 中已修复。-o-transition: background 5s将工作。