javascript - 无法为绝对定位图像的宽度设置动画

我目前正在使用jQuery 10.4.2。我想平滑放大绝对定位的图像。当我使用以下代码时，没有任何错误，但是动画不会发生。而是仅将图像捕捉到完整（100%）大小。

的HTML

<div class="box">
    <img class="scaleMe" src="img.gif" />
</div>

的CSS

.box { position:relative; height:0; padding-bottom:61.6667%; background-image:url('background.gif'); }
.scaleMe { display:block; position:absolute; bottom:0; left:0; z-index:1; width:50%; }

JS

    $('.scaleMe').animate({width:'100%'}, 2000);

我究竟做错了什么？

更新：

这是一个工作的jsFiddle：http://jsfiddle.net/s_d_p/27DhK/

但是here是无法正常工作的实时演示。

最佳答案

您的图片标签上没有src。尝试：

<div class="box">
    <img class="scaleMe" src="http://placekitten.com/g/200/300" />
</div>

http://jsfiddle.net/GZ8yX/