Background image does not appear in ie7

Question

I tried using the js-cumulus library http://jeroenvanwarmerdam.nl/content/resources/javascript/jscumulus/js-cumulus.html and in IE7 the blue background image doesn't appear. But it works if I use this jQuery code after initialization of the library.

 jQuery('.tagCloud').css('background-image', 'url(bg_blue.gif)');

How can I do this using only CSS since it works in other browsers?

Answer 1

Please try:

jQuery('.tagCloud').css('background-image', 'url(/bg_blue.gif)');

or

jQuery('.tagCloud').css('background-image', 'url("/bg_blue.gif")');

or

jQuery('.tagCloud').css('background-image', 'url("bg_blue.gif")');

Answer 2

This should work:

# Notice the double quotes around the filename.
jQuery('.tagCloud').css('background-image', 'url("bg_blue.gif")');

Answer 3

You can give css class to that element also.

.imageclass
 {
   background-image:url(/bg_blue.gif);
 }


 $('.tagCloud').addClass('imageclass'); // same way you can use remove class