Internet Explorer 9忽略我的样式表

时间:2011-10-21 11:43:43

标签: css internet-explorer hyperlink

我目前正在设置一个新页面,并希望使用Internet Explorer(9)进行测试。我认为这不会是一个问题,因为它确实适用于FireFox,Opera和Chrome(最新版本)。但是,IE不会尝试加载我的样式表。

我已经搜索了Google和stackoverflow以获得答案,但没有任何帮助。

我的页面如下所示:

<!DOCTYPE HTML>
  <html>
    <head>
      <title>Hello World</title>
      <meta charset="UTF-8">
      <link href="css/main_styles.css" rel="stylesheet" type="text/css">
    </head>
    <body>

有什么想法吗?

提前感谢您的帮助!

PS:我验证了页面和css样式。没有发现错误。

修改(2014年7月):

嘿,对不起,我忘了这么久才更新这个问题。答案很简单。我必须将@charset "utf-8";放在样式表的开头。这就是让它发挥作用所需要的一切。干杯!

3 个答案:

答案 0 :(得分:1)

尝试更改链接的引用:href="/css/main_styles.css"href="../css/main_styles.css"

答案 1 :(得分:1)

我能想到的最明显的可能原因是你的服务器提供了错误的mime类型的CSS文件。可能是IE比你测试过的其他浏览器更挑剔。

通过检查HTTP标头来检查mime类型是什么,可以使用其他浏览器调试工具,也可以使用Fiddler之类的HTTP嗅探程序。

当你尝试使用IE发出请求时,Fiddler也会很好地嗅探正在发生的事情。无论是mime类型问题还是其他问题,这都是了解确切发生情况的最佳方式。

最后,您还可以尝试直接在IE中打开样式表的URL。这将证明IE可以访问该URL。

希望有所帮助。

答案 2 :(得分:0)

我们在Internet Explorer 11中遇到过这个问题,这很奇怪但是如果你将样式表重命名为任何没有单词&#34;样式&#34;它会开始工作!

这只是在机器上访问本地文件时的情况,在Web服务器上它可以正常工作