jquery调整图像大小

Question

大家好，快速提问，我只想在运行此函数时调整图像大小以适合小容器。现在，只有一部分图像显示在 div 中。如果有人有任何想法，我将不胜感激。

$(this)
       .css({
           backgroundImage    : 'url(' + src + ')',   // set background image
           backgroundPosition : 'center center',      // position background image
           backgroundRepeat   : 'no-repeat'           // don't repeat image
       });

Answer 1

只有非常现代的浏览器(即 Webkit)才能缩放背景图像。所以我建议插入一个新的 DOM 元素作为图像，然后改变它的高度和宽度应该缩小它。比使用 CSS(位置和 z-index 之类的东西应该对你有帮助)将它定位在你需要的地方。