使用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/