我有一个非常奇怪的问题,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工作正常。
任何建议表示赞赏。
由于
罗宾
答案 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
代码,则效果会更好。