使用css()设置背景图像不起作用

Question

http://jsfiddle.net/twsfag9k/

$(function () {
    var string = 'http://i.imgur.com/eHq5oXc.jpg'
    $('div').css('background-image', string);
});

我上面的代码有什么问题吗？对我来说很好。

Answer 1

试试这个：

var string = 'http://i.imgur.com/eHq5oXc.jpg';

$('div').css('background-image', 'url(' + string + ')');

Answer 2

$(function () {
    var string = 'url(http://i.imgur.com/eHq5oXc.jpg)';
    $('div').css('background-image', string);
});

检查小提琴下面的链接：

http://jsfiddle.net/twsfag9k/2/

Answer 3

您只能通过CSS获得它：

div {    
    width:50px;
    height:50px;
    background-color:pink;
    background: no-repeat url('http://i.imgur.com/eHq5oXc.jpg');
    background-size:cover;
}

演示：http://jsfiddle.net/twsfag9k/6/