CSS3在我的网站上不在IE中工作

Question

我正在为Internet Explorer开发真正的困难。

以下是项目的快照，因为它出现在IE9及以下版本中，在谷歌浏览器中，它在Firefox中看起来也是一样。

本页IE9中有些内容无法正常工作......

• 导航栏，链接卡在IE顶部，而不是垂直居中
• 导航栏没有在IE中应用框阴影
• 侧边栏和内容框在IE
中没有阴影或斜角
• 标签框在IE
中没有圆边
• 在内容部分，请注意2个标签＆＃34; CSS＆＃34;和＆＃34; FONTS＆＃34;在页面右侧按下，Chrome版本中它们已对齐。

该项目不在线，所以我无法显示它，但我已将标题部分放入JSSFiddle页面http://jsfiddle.net/kenLs/3/embedded/result/，您可以看到标题的这个JSFiddle在IE9中正常工作。

这让我很困惑，它适用于JSFiddle，但不适用于我的网站。我已经看了我能想到的一切，以使其正常工作。我甚至在标题中添加了<meta http-equiv="X-UA-Compatible" content="IE=9" />。我的页面上有一些HTLM5元素，但我用常规div替换它们只是为了测试IE，我做的任何事情似乎都没有改变任何这些问题。

IE9快照

Chrome快照

---

我知道这很难调试，因为该项目不在线，但如果您有任何想法，为什么会发生这种情况，我真的很想知道。

---

更新

我刚才意识到在那个JSFiddle上，如果我关闭兼容性视图，那么即使标题看起来就像我图像中的标题

我还添加了另一个简单的JSFiddle测试，它只包含我的标签的代码，即使这个小代码在IE中无法正常工作，我必须达到兼容模式才能正常工作，否则角落是正方形{{3} }

Answer 1

如果它在jsfiddle中有效但在你的网站上没有，我想知道你是否使用了doctype，或者在doctype之前是否有任何东西可以让IE进入怪癖模式。