我正在开发一个Web应用程序,每隔一段时间我们就会遇到一种情况,即页面加载时不应用CSS。IE6,IE7,Safari 3和FF3中已出现此问题。
页面刷新将始终解决该问题。
使用@import加载了3个CSS文件,所有文件都位于同一样式块中:
<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响应。
MIME类型是CSS文件和生成的CSS的text / css。我们正在使用iPlanet服务器,它将请求转发到Tomcat服务器。
davebug问:
是不是始终加载相同的CSS文件,还是所有文件均出现问题?
没有加载CSS文件。HTML内定义的任何样式都可以正常工作,但发生这种情况时,任何CSS文件中的任何样式均不起作用。
我发生过类似的事情,我可以通过使用“链接相关”方法而不是“ @import”方法首先包含基本样式表来解决。即将您的[基本CSS文件]包含项移至:
<link rel="stylesheet" href="[base css file]" type="text/css" media="screen" />
并放在其他人之前。