IE8中没有加载CSS样式

Rob*_*her 5 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");
Run Code Online (Sandbox Code Playgroud)

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

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

任何建议表示赞赏

谢谢

知更鸟

thi*_*dot 9

@Guffa用这个把我带到了正确的轨道:问题是HTML5元素在Internet Explorer 8及更低版本中不起作用.

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

删除<head>HTML中的脚本标记.为了获得最佳性能,您应该在样式表引用后跟随它们.我们建议将Modernizr置于头部的原因有两个:HTML5 Shiv(在IE中启用HTML5元素)必须在之前执行<body>,如果您使用的是Modernizr添加的任何CSS类,您将需要防止FOUC.

因此,您只需要将Modernizr从之前移动</body><head>元素内部.


Guf*_*ffa 5

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

如果您将section标记更改为div标记,它将更好地工作.