set background image using css() doesn't work

Question

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

What's wrong in my code above? It looks fine for me.

qtgye · Accepted Answer · 2015-04-08 10:19:46Z

2

Try this one:

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

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

edited Apr 8, 2015 at 10:19

answered Apr 8, 2015 at 10:12

qtgye

3,6102 gold badges17 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dean Jason Over a year ago

what if I can;t modify the string?

som · Accepted Answer · 2015-04-08 10:15:02Z

0

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

Check below fiddle link :

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

answered Apr 8, 2015 at 10:15

som

4,6542 gold badges23 silver badges36 bronze badges

Comments

oscarvady · Accepted Answer · 2015-04-08 10:19:02Z

0

You can get it only with 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/

answered Apr 8, 2015 at 10:19

oscarvady

4501 gold badge4 silver badges12 bronze badges

Collectives™ on Stack Overflow

set background image using css() doesn't work

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related