Question

我很难过。在FireFox中未正确加载的网站上工作。它在Chrome甚至IE中都很好用，但由于某种原因，样式表没有在FireFox中加载。

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

任何见解非常有帮助。

非常感谢。

Answer 1

应以格式定义样式表;

<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" />

Answer 2

你的问题来自style.css，它以@charset "IBM437"开头将其替换为@charset "UTF-8";，它会更好！

它接缝这个字符集IBM437由SASS自动添加：

CSS pseudo element ▼ becomes gibberish in IE

Answer 3

尝试更改：

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

到

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

Answer 4

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

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

值得一试！

Answer 5

将其插入您的html文档中。我不是在编写代码而只是给你关键词所以你知道并且可以把它放进去。

link rel =“stylesheet”type =“text / css”href =“stylesheet.css”

它有效，所以请确保您正确使用此方法，否则您的html文档将无法加载样式表。祝你好运，继续努力吧。

样式表未在Mozilla Firefox中加载

5 个答案: