样式表未在 Mozilla Firefox 中加载答案

【问题标题】：Stylesheet not loading in Mozilla Firefox样式表未在 Mozilla Firefox 中加载
【发布时间】：2013-02-02 16:23:12
【问题描述】：

我被难住了。在无法在 FireFox 中正确加载的网站上工作。它在 Chrome 甚至 IE 中加载得很好，但由于某种原因，样式表没有在 FireFox 中加载。

网站：http://gregsonaccounting.com

我正在使用 html5 代码，并使用了 html5 Boiler Plate 中的基本重置等。不确定问题出在我的 html 还是 CSS 中。

任何见解都非常很有帮助。

非常感谢。

【问题讨论】：

validator.w3.org/… 经常有帮助。

标签： html css cross-browser stylesheet mozilla

【解决方案1】：

您的问题来自@charset "IBM437" 开头的 style.css 换成@charset "UTF-8";会更好！

这个字符集 IBM437 是由 SASS 自动添加的：

CSS pseudo element ▼ becomes gibberish in IE

【讨论】：

知道如何防止 SASS 添加 IBM437 吗？当我现在从 SASS 重新编译我的样式表时，它仍然恢复到有问题的 IBM437。也许有办法告诉它在 Config.rb 文件中使用 UTF-8？
似乎源文件既是UTF-8又是@charset "UTF-8";是第一行，然后 sass 做对了。

【解决方案2】：

样式表应以格式定义；

<link rel="stylesheet" type="text/css" href="css/stylesheet.css">

您还可以包含media 属性，它们指定文档在不同媒体上的呈现方式：在屏幕上、在纸上、使用语音合成器、使用盲文设备等。

在您的页面中，它是；

<link rel="stylesheet" href="stylesheets/style.css" rel="stylesheet" />//Here is the problem
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />

所以该行可以修改为;

<link rel="stylesheet" href="stylesheets/style.css" type="text/css" media="screen" />

【讨论】：

【解决方案3】：

尝试改变：

<link rel="stylesheet" href="stylesheets/style.css" rel="stylesheet" />

到

<link rel="stylesheet" href="stylesheets/style.css" type="text/css" />

【讨论】：

由于 HTML5 不再需要指定type="text/css"

【解决方案4】：

我的 CSS 代码在 Chrome 上运行良好，但它一直 在 IE 和 Firefox 上崩溃。然后我发现问题出在预处理不当的 CSS 中。

只需将您的 CSS 复制粘贴到 http://csslint.net/，如果您遇到任何错误，只需修复它就可以了 :)

值得一试！

【讨论】：

【解决方案5】：

在您的 html 文档中插入此内容。我不是在写代码，只是给你关键词，让你知道并可以输入。

link rel="stylesheet" type="text/css" href="stylesheet.css"

它可以正常工作，因此请确保您正确使用它，否则您的 html 文档将不会与您的样式表一起加载。祝你好运，继续工作吧。

【讨论】：