为什么只在Google Chrome中调试时出现Bootstrap Glyphicons?

Rai*_*lol 6 css google-chrome asp.net-mvc-4 twitter-bootstrap glyphicons

我正在使用Twitter Bootstrap 2.3.2,当我在MVC4中开发应用程序时,我对Glyphicons没有任何问题,直到我在Firefox和IE中测试它.

在Firefox中,我得到以下图像而不是图标: 错误

我检查了对glyphicons图像文件的引用,它们都没问题.

在Chrome中进行调试时,我可以完美地看到图标(我清除了缓存以查看是否存在问题,但图标仍然存在).

nra*_*rez 3

您应该检查您的 glyphicons 相对 url 的格式是否正确:

如果您的 glyphicons 图像文件位于 ../icon/glyphicons.png

url('../icon/glyphicons.png')
Run Code Online (Sandbox Code Playgroud)

但要小心,如果文件实际上位于../img/icon/glyphicons.png中,则 url 应该是:

url('../img/icon/glyphicons.png')
Run Code Online (Sandbox Code Playgroud)