实际上,我想要动画背景图像。所以我所做的是,当div他悬停时,背景图像会逐渐隐藏。
$(this).animate({ backgroundSize: '0%', opacity: 0}, 500)
现在,当div不处于悬停状态时,我希望将backgroundSize设置为默认值。喜欢
$(this).animate({backgroundSize: 'auto', opacity: 1}, 500)
但是它并没有起作用。
在Css div类中就像...
.divImg{ background: url(../imgs/bgImg.png) no-repeat center; background-size: auto }
我想要的是当div没有悬停时,背景图像应该回到默认的大小和位置。
发布于 2013-04-19 05:47:00
尝试添加!important
$(this).animate({backgroundSize: 'auto !important', opacity: 1}, 500)
编辑:更新代码以匹配问题中的示例。
发布于 2013-07-03 01:14:04
我不能100%确定这一点,但我相信jquery .animate()只能对基于数字的属性进行动画处理。我的猜测是,试图将"100%“更改为”auto“可能是问题所在。
尝试只设置不透明度动画,如果需要,在超时后使用.css()函数更改为'auto‘。
https://stackoverflow.com/questions/16093519
复制相似问题