展开全部
是css兼容性e69da5e6ba903231313335323631343130323136353331333363396464问题导致的,目前绝大部分移动浏览器还不支持animation这个属性,而是支持-webkit-animation(这类加前缀的)属性。
123.ih { background: #000; opacity:.3;width: 90%; height: 25%; margin-left:-45%; position: absolute;bottom: 120px;left:50%; animation:ih 2s;}
只设置了,animation: ih 2s; 而没有写兼容的 -webkit-animation: ih 2s;所以动画在移动浏览器中就不动了。
可以将代码改为:
1234567.ih { background: #000; opacity:.3;width: 90%; height: 25%; margin-left:-45%; position: absolute;bottom: 120px;left:50%; -webkit-animation:ih 2s; -moz-animation:ih 2s; -ms-animation:ih 2s; -o-animation:ih 2s; animation:ih 2s;}