IE8中没有加载CSS样式

时间:2011-06-27 11:05:50

标签: css internet-explorer-8

我有一个非常奇怪的问题,IE8中没有加载CSS样式(也许IE7也可以检查)。我的网站位于http://www.leavetrackapp.com/,我的主CSS文件如下:

@import url("reset.css");
@import url("screen.css");
@import url("site.css");
@import url("colorbox.css");

如果我直接在浏览器中输入地址,则可以访问master.css文件和indidivual样式表。 http://www.leavetrackapp.com/stylesheets/master.css返回主文件。

我认为这是导入规则的问题,但不知道它可能是什么。 Safari和Firefox工作正常。

任何建议表示赞赏。

由于

罗宾

2 个答案:

答案 0 :(得分:9)

@Guffa让我走上了正轨:问题是HTML5元素在Internet Explorer 8及更低版本中无效。

Modernizr 解决此问题,但是:http://www.modernizr.com/docs/#installing

  

删除<head>中的脚本标记   你的HTML。为了获得最佳性能,你   应该让他们跟随你的   样式表引用。我们的原因   建议将Modernizr放入   头是双重的: HTML5 Shiv(那个   启用IE中的HTML5元素必须   在<body> 之前执行,如果是   你正在使用任何CSS类   Modernizr补充说,你会想要的   防止FOUC。

因此,您只需将Modernizr从</body>之前移至<head>元素内。

答案 1 :(得分:5)

问题不在于未导入样式表,问题在于您使用的是HTML5 section标记,IE8及更早版本无法识别。

如果您将section代码更改为div代码,则效果会更好。