当css在body中时，css不会在IE上加载答案

【问题标题】：css is not loaded on IE when the css in the body当css在body中时，css不会在IE上加载
【发布时间】：2014-07-05 20:46:11
【问题描述】：

我有一个案例，我希望 css 在正文中而不是在标题中，因为标题适用于所有页面，并且每个页面都有不同的 css 文件。

我的问题是该样式在 chrome 和 firefox 上有效，但在 IE11 上无效。

我尝试使用F12调试问题，我发现了问题。

当我在 IE 11 上点击 div class=waitingTime" 时，右侧视图上没有出现样式。

但是当我在 chrome 和 firefox 上做同样的事情时，样式出现在右侧。

IE 11

铬

可以看到添加css文件的代码在div上面

更新

对于看不到图片的人，我在这里上传它们 http://postimg.org/image/dd2p19gkh/

http://postimg.org/image/c5a0dntvn/

更新 2

这就是我添加 css 的方式

<link href="http://localhost:8082/ParkingProject/public/css/waitingTimes" rel="stylesheet" type="text/css" media="all">
<div class="waitingTime">
</div>

【问题讨论】：

mm...无法调试图像... :)
@TilwinJoy 的想法是向您展示问题，如果您需要更多解释，请告诉我
@TilwinJoy 我用更好的 imgae 链接更新了问题
是的，我明白了那部分...您确定在两个浏览器中完全加载后使用相同的代码截取屏幕截图吗？因为这看起来很奇怪。
@TilwinJoy 是的，完全相同的代码，问题是当我试图给你一个 jsfiddle 时，它可以在 jsfiddle 上工作，因为在 jsfiddle 上我将 css 添加到 css area 但在我的将css添加到html标记中的代码

标签： html css internet-explorer internet-explorer-11

【解决方案1】：

您可以在正文（仅在 HTML5 中）文档中使用 link 标记，但仅当它们具有 itemprop 属性时，而不是当它们具有 rel 属性时。

因此，您的 HTML 无效。 Chrome 很高兴它意外地正确处理了您的页面，但您不能责怪 IE 没有这样做。

另请参阅 Can I use <link> tags in the body of an HTML document?

【讨论】：

我自己发现了问题，检查我的答案
因此 Chrome 会自动修复您的两个错误。好的！不过，修复它们将是一件好事。尽管显然三大浏览器都支持它，但它并不能使它正确，并且它可能会在未来的任何版本中中断。

【解决方案2】：

终于找到问题了

文件是 waitingTime.css 但我忘了说.css

chrome 和 firefox 太聪明了，但 IE 很愚蠢 :) 所以当我添加 .css 时它可以工作

【讨论】：

@DannyvanHolten 我的朋友不要说 IE 很愚蠢，它太愚蠢了。 ;)
@DannyvanHolten 我是一个从事简单项目的女孩，但 IE 是一个已经存在了 10 多年的大项目，并且有 1000 多名开发人员在致力于它。
它仍然不够聪明，无法自动修复您的愚蠢错误。愚蠢，愚蠢的IE。 :-S
@GolezTrol 你投资 IE 还是什么？再加上你为什么投反对票？我的答案是有效的答案