什么可能导致 CSS 在所有浏览器上偶尔无法加载？

我正在开发一个网络应用程序，我们经常遇到页面在不应用 CSS 的情况下加载的情况。此问题已在 IE6、IE7、Safari 3 和 FF3 中出现。

刷新页面总会解决问题。

加载了 3 个 CSS 文件，它们都在使用 @import 的同一样式块中：

<STYLE type="text/css">
  @import url([base css file]);
  @import url([skin css file]);
  @import url([generated css path]);
</STYLE>

在任何情况下，当我们花时间检查 html 源代码时，都不会发现任何异常。访问日志看起来也很正常 - 无论何时请求静态 CSS 文件，我们都会收到 HTTP 304 响应，并且会收到生成的 CSS 的 HTTP 200 响应。

css 文件和生成的 css 的 mimetype 是 text/css。我们使用 iPlanet 服务器，它将请求转发到 Tomcat 服务器。

戴夫布格问：

是否总是同一个 css 文件未加载，或者所有这些文件都有问题？

没有加载任何 CSS 文件。 HTML 中定义的任何样式都可以正常工作，但发生这种情况时，任何 CSS 文件中的任何样式都不起作用。

我也遇到过类似的事情，我可以通过首先使用“link rel”方法而不是“@import”包含基本样式表来修复。即，将 [base css file] 包含内容移至：

<link rel="stylesheet" href="[base css file]" type="text/css" media="screen" />

并将其放在其他人之前。