使用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;
}

DEMO：http://jsfiddle.net/twsfag9k/6/