我目前使用的是 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>
关于javascript - 无法为绝对定位图像的宽度设置动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22177901/