使用动画增加背景图像大小

Question

我有以下代码：

JS Fiddle

我希望在悬停时背景图像也应该扩展，即200px X 200px。有办法实现吗？ 不使用CSS3

Answer 1

CSS 3背景大小属性？ http://jsfiddle.net/kTewC/10/

Answer 2

或者，支持购买任何浏览器：

#background {
width: 100px; 
height: 100px; 
position: absolute; 
z-index: -1;
}

.backgroundimage {
width:100%;
height:100%;
}


<div id="background">
<img src="/path/to/background/image.gif" class="backgroundimage" alt="" />
</div>

http://jsfiddle.net/kTewC/13/

Answer 3

检查这个Fiddle，这里我添加了拉伸作为CSS类，优点是当mouseOut你可以根据需要删除它。这基于@ user1090389