CSS class在编辑环境有效，在运行环境失效

大苏-3区

WeX5 V3.3

目标：希望给按钮增加闪烁的特效

在Index.CSS中写入CSS代码

/* 定义keyframe动画，命名为blink */


@keyframes myblink{
  0%{opacity: 1;}
  50%{opacity: 1;}
  50.01%{opacity: 0;} /* 注意这里定义50.01%立刻透明度为０，可以设置闪烁效果 */
  100%{opacity: 0;}
}


/* 添加兼容性前缀 */


@-webkit-keyframes myblink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}


@-moz-keyframes myblink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}


@-ms-keyframes myblink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}


@-o-keyframes myblink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}


/* 定义blink类*/
.myblink{
    animation: myblink .75s linear infinite;  
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: myblink .75s linear infinite;
    -moz-animation: myblink .75s linear infinite;
    -ms-animation: myblink .75s linear infinite;
    -o-animation: myblink .75s linear infinite;
}

然后在按钮控件上引用myblink class




但是在运行时候，按钮闪烁效果失效

biyaooo

新建一个单独的css文件，通过资源引入的方式。
好像X5不能在原来的.w里面的CSS编写样式，会不生效，为什么不生效，等官方解答

cgrddv

biyaooo 发表于 2016-8-18 12:27
新建一个单独的css文件，通过资源引入的方式。
好像X5不能在原来的.w里面的CSS编写样式，会不生效，为什么 ...

你好楼主，您反馈的这个现象通过验证是产品缺陷，我们已提交到产品组(内部编号：2016081800010)，感谢楼主的支持与配合。

大苏-3区

cgrddv 发表于 2016-8-18 13:39
你好楼主，您反馈的这个现象通过验证是产品缺陷，我们已提交到产品组(内部编号：2016081800010)，感谢楼 ...

好的，我用外部CSS试一下

大苏-3区

biyaooo 发表于 2016-8-18 12:27
新建一个单独的css文件，通过资源引入的方式。
好像X5不能在原来的.w里面的CSS编写样式，会不生效，为什么 ...

感谢反馈，我试一下外部css

大苏-3区

经过测试，使用外部CSS文件可以正常工作！！！谢谢各位高手。