【问题标题】:Grow/Shrink css "background-image" with Jquery使用 Jquery 增大/缩小 css “背景图像”
【发布时间】:2012-03-18 22:33:45
【问题描述】:

我有一个图标..我希望它在悬停时增长并在鼠标悬停时恢复其原始大小..我可以让 css div 这样做:

$(".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 ..

提前谢谢!!

【问题讨论】:

  • 图片必须是背景图片吗?宽度和高度为 100% 的内联图像可能会解决问题。
  • 嘿!是的,我正在使用 CMS (joomla) 并且(据我所知)您不能使用 标签将图像拖放到索引页面上,它只会通过 CSS 使用“背景图像”显示图像。

标签: jquery css joomla resize background-image


【解决方案1】:

您应该查看 background-size 属性,但据我所知,jquery 还不支持它。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-14
    • 2010-11-23
    • 1970-01-01
    • 2019-08-18
    • 1970-01-01
    • 2013-06-22
    相关资源
    最近更新 更多