CSS转换只在FF夜间工作(18.0a1)?

CSS转换只在FF夜间工作(18.0a1)?,css,rotation,css-transitions,css-transforms,Css,Rotation,Css Transitions,Css Transforms,我创建了一个简单的CSS转换,将div旋转360度(disc菜单),但它似乎只在Firefox上每晚工作。我还尝试了Firefox15(发布版本)和Google Chrome。两者都只是将图像向左移动一点,并在覆盖文本周围显示一些图形瑕疵。这是与光盘相关的CSS(旋转图像实际上是一个空div,在real menu div中设置了大小): 确保包含所有前缀。在FF16和Opera 12.5中。(-ms转换没有用处,因为IE9不支持它,而IE10是不固定的) 您也不需要在第二个样式声明中使用转换规则

我创建了一个简单的CSS转换,将div旋转360度(disc菜单),但它似乎只在Firefox上每晚工作。我还尝试了Firefox15(发布版本)和Google Chrome。两者都只是将图像向左移动一点,并在覆盖文本周围显示一些图形瑕疵。这是与光盘相关的CSS(旋转图像实际上是一个空div,在real menu div中设置了大小):


确保包含所有前缀。在FF16和Opera 12.5中。(-ms转换没有用处,因为IE9不支持它,而IE10是不固定的)


您也不需要在第二个样式声明中使用转换规则,因为它与第一个样式声明相同。

当前firefox中的转换是否不固定?如果否,则添加-moz转换。
#menuDisco {
    transition: all 0.8s;
    -webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url("img/disco.png");
    background-size: 100% 100%;
    position: relative;
    top: 0%; left: 0%;
    width: 100%; height: 100%;
    color: rgba(0,0,0,0);
}
#menu:hover #menuDisco {
    transition: all 0.8s;
    -webkit-transform: rotate(360deg);  
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;