如何在jquery中将backgroundSize属性设置为default？

Question

其实我想动画背景图片。所以我所做的是，当他徘徊时，背景图像逐渐隐藏。

$(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不悬停时，背景图像应该回到其默认大小和位置。

Answer 1

尝试添加!important：

  $(this).animate({backgroundSize: 'auto !important', opacity: 1}, 500)

修改：更新了与问题中示例匹配的代码。

Answer 2

我不是100％肯定这个，但我相信jquery .animate（）只能为基于数字的属性设置动画。我的猜测是，尝试将“100％”更改为“自动”可能是问题所在。

尝试仅设置不透明度的动画，并在超时后使用.css（）函数更改为“auto”，如果需要的话。