Html Firefox只加载我的部分站点'；s CSS

我正在开发一个网站，我一直在使用Chrome、IE和Android手机。我决定在firefox中测试这个网站，但整个过程都失败了。在我看来，似乎所有的CSS都没有加载，但就我的一生而言，我不明白为什么它不会加载

现场直播：

在我的源代码中，我有如下内容

<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>

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

@导入url（..）@导入url（…）；
@导入url（…）@导入url（…）；
@导入url（…）@导入url（…）；

我相信只有第一个样式元素中列出的CSS文件才会被加载

更新： Drupal还允许我聚合css并输出如下内容

<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>
<style type="text/css" media="all">@import url(....); @import url(....); </style>

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

即使在聚合时，也只在加载第一个样式表时出现。我不知道为什么会这样，特别是因为它已经在其他浏览器上运行了

---

如果您有任何建议，我们将不胜感激。

请尝试使用

style

元素的

href

属性，而不是使用

@import

：

<link type="text/css" media="all" href="URL HERE" />

此外，由于CSS存储在同一个域中，因此不需要指定域名。试着这样构造：

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />

src: local("Meta Serif Book"),
     url(/sites/default/themes/one_dog_development_starter/css/metaserif_book.otf) format("opentype"),
}

---

不要使用

@import

，请尝试使用

style

元素的

href

属性：

<link type="text/css" media="all" href="URL HERE" />

此外，由于CSS存储在同一个域中，因此不需要指定域名。试着这样构造：

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />

src: local("Meta Serif Book"),
     url(/sites/default/themes/one_dog_development_starter/css/metaserif_book.otf) format("opentype"),
}

---

为什么不使用这个

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

---

为什么不使用这个

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

---

看着Firefox中报告的CSS错误，我突然想到了这一点：

Error in parsing value for 'src'.  Skipped to next declaration.

接

Unexpected end of file while searching for closing } of declaration block.
Unexpected end of file while searching for '}'.

相关CSS看起来有点像这样：

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />

src: local("Meta Serif Book"),
     url(/sites/default/themes/one_dog_development_starter/css/metaserif_book.otf) format("opentype"),
}

---

注意后面的“，”。事实上，这最终会吃掉样式表的其余部分，在我看来，这就像Firefox中CSS错误处理中的一个bug；我申请跟踪它。但是修复CSS使其不存在该问题可能会有所帮助。

看看Firefox中报告的CSS错误，下面这一点让我大吃一惊：

Error in parsing value for 'src'.  Skipped to next declaration.

接

Unexpected end of file while searching for closing } of declaration block.
Unexpected end of file while searching for '}'.

相关CSS看起来有点像这样：

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />

src: local("Meta Serif Book"),
     url(/sites/default/themes/one_dog_development_starter/css/metaserif_book.otf) format("opentype"),
}

---

注意后面的“，”。事实上，这最终会吃掉样式表的其余部分，在我看来，这就像Firefox中CSS错误处理中的一个bug；我申请跟踪它。但是修复CSS使其不存在该问题可能会有所帮助。

这不应该是

链接

而不是

样式

？据我所知，

style

标记没有

href

属性。@KemalFadillah您的100%正确。我在写原始帖子时忽略了这一点。我使用“Drupal7”作为我的CMS。默认情况下，Drupal这样做是为了绕过IE，只加载这么多样式表。Drupal确实允许我聚合CSS并生成以下内容<代码>

但是问题仍然存在。似乎只有第一个聚合文件正在加载。我已经对live站点进行了更改，以便您可以看到它的运行情况。@BryanCasler检查您的源代码。这些似乎不是以这种方式呈现的，我可以在您的源代码中看到

@import

。@Curt我刚刚在我的网站上启用了CSS聚合，我更新了帖子以反映这种更改。很抱歉造成混淆。这不应该是

链接

而不是

样式

？据我所知，

style

标记没有

href

属性。@KemalFadillah您的100%正确。我在写原始帖子时忽略了这一点。我使用“Drupal7”作为我的CMS。默认情况下，Drupal这样做是为了绕过IE，只加载这么多样式表。Drupal确实允许我聚合CSS并生成以下内容<代码>

但是问题仍然存在。似乎只有第一个聚合文件正在加载。我已经对live站点进行了更改，以便您可以看到它的运行情况。@BryanCasler检查您的源代码。这些似乎不是以这种方式呈现的，我可以在您的源代码中看到

@import

。@Curt我刚刚在我的网站上启用了CSS聚合，我更新了帖子以反映这种更改。很抱歉造成混淆。我正在使用“Drupal 7”作为我的CMS。默认情况下，Drupal这样做是为了绕过IE，只加载这么多样式表。Drupal确实允许我聚合CSS并生成以下内容<代码>

但是问题仍然存在。似乎只有第一个聚合文件正在加载。我已经对live站点进行了更改，以便您可以看到它的运行情况。您能否切换样式表，然后发布对它有哪些影响？然后我们看到，如果只加载了第一个css，我将使用“Drupal7”作为我的CMS。默认情况下，Drupal这样做是为了绕过IE，只加载这么多样式表。Drupal确实允许我聚合CSS并生成以下内容<代码>

但是问题仍然存在。似乎只有第一个聚合文件正在加载。我已经对live站点进行了更改，以便您可以看到它的运行情况。您能否切换样式表，然后发布对它有哪些影响？然后我们看看，如果只是第一个css正在加载。感谢伟大的侦探工作鲍里斯！我已经修复了CSS，这似乎解决了95%的问题。我在Firefox中还有一个显示问题。不过，这可能是一个单独的问题，如果需要的话，我将创建一个新的帖子。听起来不错。请随意自己归档bug；只需将“bzbarsky”添加到bug的CC列表中，以确保我看到它！谢谢你出色的侦探工作Boris！我已经修复了CSS，这似乎解决了95%的问题。我在Firefox中还有一个显示问题。不过，这可能是一个单独的问题，如果需要的话，我将创建一个新的帖子。听起来不错。请随意自己归档bug；只需将“bzbarsky”添加到bug的CC列表中，以确保我看到它！