CSS styles not being loaded in IE8

2020-04-07 05:24发布

站内问答 / HTML/CSS
1410 2 4

I have a very strange issue in that no CSS styles are being loaded in IE8 (maybe IE7 as well but cannot check). My site is at http://www.leavetrackapp.com/ and my master CSS file is as follows:

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

The master.css file and indidivual stylesheets are accessible if I directly enter the address in the browser e.g. http://www.leavetrackapp.com/stylesheets/master.css returns the main file.

I think it's a problem with the import rules but have no idea what it could be. Safari and Firefox work fine.

Any advice appreciated.

Thanks

Robin

2条回答
够拽才男人
2楼-- · 2020-04-07 05:46

@Guffa put me onto the right track with this: the problem is that the HTML5 elements aren't working in Internet Explorer 8 and lower.

Modernizr would fix this, but: http://www.modernizr.com/docs/#installing

Drop the script tags in the <head> of your HTML. For best performance, you should have them follow after your stylesheet references. The reason we recommend placing Modernizr in the head is two-fold: the HTML5 Shiv (that enables HTML5 elements in IE) must execute before the <body>, and if you’re using any of the CSS classes that Modernizr adds, you’ll want to prevent a FOUC.

So, you simply need to move Modernizr from just before </body> to inside the <head> element.

查看更多
0人赞 添加讨论(0) 举报
别忘想泡老子
3楼-- · 2020-04-07 05:53

The problem is not that the style sheets are not imported, the problem is that you are using the HTML5 section tag, which IE8 and earlier does not recognise.

If you change the section tags to div tags, it will work better.

查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)