The issue I'm facing is with the Google Chrome browser not displaying background images unless I inspect the element's CSS using the inspecting tool. I have an anchor tag set with the following properties:
display: block;
float: left;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url("img/icon-sprite.png") no-repeat 0 0 transparent;
There seems to be nothing wrong with the code. However, when I load my page, all the images appear blank. If I inspect the element and click on the background image URL link, it appears fine. Interestingly, if I rename the URL of the image using the inspect element feature, then retype the real URL, the image will finally show up on the page. I've even tried opening my site in another computer's Google Chrome browser, but the issue persists. When I first built this site, the images were showing without any problems. I'm puzzled as to why this suddenly started happening. Upon checking the console log, there are no errors or anything noticeable that could explain this behavior... Can someone offer some assistance?