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工作正常.
任何建议表示赞赏
谢谢
知更鸟
@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>元素内部.