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之类的东西可以帮助你）将它放在你需要的地方。

Answer 2

这是css：

#container{
    background-size: cover;
    -moz-background-size: cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
    }

Jquery的：

var url = "your_url";
$('#container').css("background-image", url);

jquery调整图像大小

2 个答案: