使用gsap tweenmax(lite或timelinelite),backgroundSize在浏览器上正常工作,但在ios / ipads上不能正常工作
在浏览器上查看此内容以及iPad上的错误。任何帮助将非常感激。 http://codepen.io/jonathan/pen/AigpI
// cache element in variable
var $img = $('#box');
// set initial CSS autoAlpha to 0
// GSAP handles the cross browser vendor prefixes
TweenMax.set($img,{backgroundSize:"100% 100%"});
// animate CSS autoAlpha to 1
var freewayEaseTween = TweenMax.to($img, 10, {
backgroundSize: "+=25% +=25%",
autoRound:false,
repeat:-1,
yoyo:true,
ease:Power1.ease0ut
});
freewayEaseTween.play();
答案 0 :(得分:1)
在GreenSock论坛中回答:http://greensock.com/forums/topic/14594-background-size-does-not-work-properly-in-iosipads/?p=62376
它与Safari报告计算样式的方式不一致(省略第二个值)。它应该在即将发布的GSAP版本中解决,您可以预览(在论坛帖子中链接)。