Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/windows/17.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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@keyframes动画在Safari for Windows中不起作用_Windows_Css_Safari_Css Animations - Fatal编程技术网

css@keyframes动画在Safari for Windows中不起作用

css@keyframes动画在Safari for Windows中不起作用,windows,css,safari,css-animations,Windows,Css,Safari,Css Animations,我制作了一个旋转木马脚本,可以淡入淡出、滑动,也可以两者兼而有之,作为过渡。这可以通过更改父容器(#modulecaruel_12)的类名来设置 [小提琴:] 在Chrome中,这很好用 但是,在Safari(为Win)中: 只有当父类的类名中也有“向左滑动”时,淡入淡出才有效。这很奇怪,因为它只添加了第二个动画(左定位)。 .moduleCarousel.fade>div.active{ z指数:3; 不透明度:1; -webkit动画名称:淡入淡出; 动画名称:淡入淡出; } .module

我制作了一个旋转木马脚本,可以淡入淡出、滑动,也可以两者兼而有之,作为过渡。这可以通过更改父容器(#modulecaruel_12)的类名来设置

[小提琴:]

在Chrome中,这很好用

但是,在Safari(为Win)中:

  • 只有当父类的类名中也有“向左滑动”时,淡入淡出才有效。这很奇怪,因为它只添加了第二个动画(左定位)。
    .moduleCarousel.fade>div.active{
    z指数:3;
    不透明度:1;
    -webkit动画名称:淡入淡出;
    动画名称:淡入淡出;
    }
    .moduleCarousel.slide.left.fade>div.active{
    -webkit动画名称:左滑,淡入淡出;
    动画名称:左滑,淡入淡出;
    }
    /*铬、狩猎、歌剧*/
    @-webkit关键帧淡入淡出{
    0%{opacity:0;-moz opacity:0;}
    100%{不透明度:1;-moz不透明度:1;}
    }
    /*标准语法*/
    @关键帧淡入淡出{
    0%{opacity:0;-moz opacity:0;}
    100%{不透明度:1;-moz不透明度:1;}
    }
    @-webkit关键帧向左滑动{
    0%{左:100%;}
    100%{左:0%;}
    }
    @关键帧向左滑动{
    0%{左:100%;}
    100%{左:0%;}
    
    }
    这是Safari(Windows)中的一个bug,显然没有解决方法

    编辑: 根据和我定义动画的方式是正确的。(除非我遗漏了什么?)

    由于没有人知道它为什么不起作用,而且正如Easwee和Gho所说,苹果不再支持这个版本的浏览器,因此合乎逻辑的结论是:这是一个bug,目前还没有修复方案。(而且可能永远不会有。)


    但是,如果我错了,或者我的脚本出错了,请告诉我。

    windows上的Safari不是一个“真正的”浏览器,它是模拟的,可以在某种程度上使用它。有很多关于它的bug,很多网页设计师都有问题,而且苹果在2012年撤销了对windows上safari的支持。好的方面是,中彩票的几率比找到windows safari用户的几率更高。

    苹果放弃了对windows上safari的支持-不要费心让它工作,因为它已经安装了窃听器,不会更新。这并不能回答这个问题。若要评论或要求作者澄清,请在其帖子下方留下评论。问题的答案是:没有解决方案,这是一个无法修复的bug。因此,正如Gho所承认的那样,这实际上是正确的答案当然,不幸的是:)试着编辑你的答案(为了清晰起见,通常使用粗体编辑将其注释为“编辑”,而不是将其添加为注释;)截至2014年9月,Safari 5.1用户占互联网用户的0.83%。我找不到一种方法将Windows从苹果中分离出来,但可以安全地假设,0.83%中的100%不是Windows。