苹果7微信浏览器中transition无效，有没有遇到同样问题的

Question

Answer 1

为什么把最后一行注释掉？而且注释还用错了，css 不是双斜杠注释啊

应该说明 iOS 版本而不是说苹果7（iPhone 7，，不说苹果7吧 （强迫症害死人） ）。。

无论如何，都要记得写不带前缀的标准写法。

Answer 2

并不是因为失效了，而是你使用的方式有问题，你的过度动画写在了addclass类里了，这样默认情况下是没有过度效果的，当你添加class footImga后，效果才添加进入，此时的opacity,top如果在注册动画效果前执行了，你就看不到效果了，这个会根据浏览器的渲染引擎不同而效果不同，所以建议你使用一下写法：

.footImg{
    top: -5rem;
    opacity: 0;
    transition: opacity 1s, top 1s;
}
.footImga{
    top: 0.3rem;
    opacity: 1;
}

Answer 3

干嘛把transition注释掉。移动端的浏览器一般只需要-webkit-开头的私有属性和不带私有的属性即可：

.footImga{
    -webkit-transition: opacity 1s, top 1s;
    transition: opacity 1s, top 1s;
}