Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css -ms transform origin不在IE9上工作_Css_Compass Sass - Fatal编程技术网

Css -ms transform origin不在IE9上工作

Css -ms transform origin不在IE9上工作,css,compass-sass,Css,Compass Sass,我正在做一个雷达动画usng变换和变换原点。这是我拥有的以下CSS。但它在IE9上不起作用 @keyframes ring2 { from { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform-ori

我正在做一个雷达动画usng变换和变换原点。这是我拥有的以下CSS。但它在IE9上不起作用

@keyframes ring2 {
    from {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transform-origin:center center 0;
        -moz-transform-origin:center center 0;
        -ms-transform-origin:center center 0;
        transform-origin:center center 0;
  }
  to {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:center center 0;
    -moz-transform-origin:center center 0;
    -ms-transform-origin:center center 0;
    transform-origin:center center 0;
 }
}

在IE9上有没有解决办法?我认为如果我使用前缀-ms,它将工作

-ms transform origin
仅适用于二维变换。换句话说,您应该使用2个属性,而不是3个

第三个是Z向量,transform3D在IE9上不起作用

试试这个,看看它是否有效:

@关键帧铃声2{
从{
-webkit变换:旋转(0度);
-moz变换:旋转(0度);
-ms变换:旋转(0度);
变换:旋转(0度);
-webkit变换原点:中心;
-moz变换原点:中心;
-ms变换原点:中心;
变换原点:中心;
}
到{
-webkit变换:旋转(360度);
-moz变换:旋转(360度);
-ms变换:旋转(360度);
变换:旋转(360度);
-webkit变换原点:中心;
-moz变换原点:中心;
-ms变换原点:中心;
变换原点:中心;
}
}

在规则
@keyframes
中,关键帧是CSS动画模块级别3(CSS3动画)的一部分,并与IE10一起引入IE。因此,它在包括IE9在内的较低版本中根本不起作用

  • 与兼容表

谢谢。当我在caniuse上键入transform时,它只是告诉我可以添加前缀-ms,这就是我所做的,但没有成功。