Why do bootstrap glyphics appear when debugging in Google Chrome?

Question

I use Twitter Bootstrap 2.3.2, and while I was developing the application in MVC4, I had no problems with Glyphicons, until I tested it in Firefox and IE.

In firefox, I get the following image instead of icons:

I checked the link to glyphicon image files, and everything is fine.

During debugging in Chrome, I see the icons perfectly (I cleared my cache to make sure that this is a problem, but the icons were saved).

Answer 1

You should check if your relative glyphics url is formatted correctly:

If your glyphicon image file is in a file. /icon/glyphicons.png

url('../icon/glyphicons.png') 

But be careful if the file is actually located in ../img/icon/glyphicons.png , the URL should be:

 url('../img/icon/glyphicons.png')