1

我正在开发一个网站，我一直在 Chrome、IE 和我的 Android 手机上工作。我决定在 Firefox 中测试该站点，然后整个事情就崩溃了。在我看来，好像所有的 CSS 都没有加载，但对于我的生活，我无法弄清楚为什么它不会加载。

直播网站： http: //matttucker.onedogdevelopment.com/

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

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

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

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

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

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

任何建议，指针将不胜感激。

4

3 回答 3

1

看着 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 看起来像这样：

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

注意尾随的“，”。在我看来，这最终吃掉了样式表的其余部分，这看起来像是 Firefox 中 CSS 错误处理中的一个错误；我提交了https://bugzilla.mozilla.org/show_bug.cgi?id=748254来跟踪它。但是修复 CSS 以使其不存在该问题可能会有所帮助。

于 2012-04-24T06:55:11.073 回答
0

@import尝试使用元素的href属性，而不是 using ：style

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

此外，由于您的 CSS 存储在同一个域中，因此您无需指定域名。尝试这样的结构：

<link type="text/css" media="all" href="/sites/default/modules/normalize/normalize.css?m2x9bk" />
于 2012-04-23T08:54:29.893 回答
0

你为什么不用这个？

<link rel="stylesheet" type="text/css" href="your.css">
于 2012-04-23T08:56:31.267 回答