今天装了compass,版本为:Compass 0.12.5 (Alnilam)
。
执行scss:
@include transition(visibility 0s linear 0.5s,opacity 0.5s linear);
编译后为:
-webkit-transition: visibility 0s linear, opacity 0.5s linear;
-webkit-transition-delay: 0.5s, 0s;
-moz-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
-o-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
transition: visibility 0s linear 0.5s, opacity 0.5s linear;
注意,问题在-webkit-
这里。为何不用省略用法!不知道其他人有遇到此问题没?
OK,答案在此,为了兼容低版本的 Chrome,不支持
transition
的完整语法:其实我觉得你不用太操心啦,用低版本 IE 的大有人在,但是用低版本 Chrome 的就少多了,稍微版本正常一点(> v26),都会直接无视
-webkit-
的。