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

Question

我正在开发一个webapp,而且每隔一段时间我们就会遇到不加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响应.

mimetype是css文件和生成的css的text/css.我们正在使用iPlanet服务器,它将请求转发给Tomcat服务器.

davebug问道:

是不是总是加载相同的css文件,或者是所有这些文件都是均匀的问题？

没有CSS文件加载.HTML中定义的任何样式都可以正常工作,但是当发生这种情况时,任何CSS文件中都没有任何工作.

Answer 1

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

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

并将其放在其他人之前。