使用Jquery增长/收缩css“background-image”

-1

我有一个图标..我希望它在悬停时生长并在mouseout上恢复到原始大小..我可以让css div执行此操作：使用Jquery增长/收缩css“background-image”

$(".jq_icon").hover(function() { 
$(this).stop().animate({width:56, height:56,left:-8,top:-8},'fast'); 
}, 
function() { 
$(this).stop().animate({width:36,height:36,left:8,top:8},'fast'); 
});

，但实际的图像不增长..我如何实现跨浏览器支持..？

此外，我正在使用CMS（Joomla）和（据我所知，&纠正我，如果我错了），你不能放下索引页上的图像使用'img'标签，它只会显示图像使用'背景图像'通过CSS ..

Thx提前！

来源

2012-03-18 gav_aus_web

图片是否必须是背景图片？宽度和高度为100％的内联图像可能会有所诀窍。 – Turnip 2012-03-18 22:45:03

嘿！是的，我使用CMS（joomla）和（据我所知）你不能使用标签在索引页上放置图像，它只会通过CSS使用'background-images'显示图像。 – 2012-03-18 22:54:54

你应该看看背景大小的属性，但它不被jquery支持，因为我知道。

来源

2012-03-18 23:25:13

使用Jquery增长/收缩css“background-image”

回答

相关问题