How do I remove the gray border that surrounds background images?

Question

I\'ve come across an interesting problem in the following line of code:

Answer 1

I had a similar issue where my initial HTML had an IMAGE tag with no source. My Javascript determined which image to show. However before the image was loaded the user saw the placeholder box.

My fix was to update the initial image tag CSS to

#myImage {
  display:none;
}

And then used a JQuery to show it once its content was loaded.

$('#myImage')
.attr('src', "/img/" + dynamicImage + '.png')
.fadeTo(500, 1);