CSS3无法在我的网站上的IE中运行

Question

我很难为Internet Explorer进行开发。

下面是IE9中出现的项目快照，而在Google Chrome中下面则是Firefox。

此页面上的IE9中某些功能无法正常使用...

• 导航栏，链接停留在IE中的顶部，而不是垂直居中
• 导航栏没有在IE中应用框阴影
• 侧边栏和内容框在IE中都没有阴影或斜角
• 标记框在IE中没有圆形边缘
• 在内容部分，请注意页面右侧的2个标签“ CSS”和“ FONTS”被向下按下，在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快照

---

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

---

UPDATE

我只是意识到，在该JSFiddle上，如果我关闭了Compatibility视图，那么即使标题也将看起来像我的图像中的标题

我还添加了另一个简单的JSFiddle测试，该测试只包含我的标签的代码，即使这个小的代码在IE中也无法正常工作，我必须点击兼容模式才能使其正常工作，否则，角落会变成方形http://jsfiddle.net / j9Qe3 / 1 /

Answer 1

如果它可以在jsfiddle中运行，但不能在您的站点上运行，我想知道您是在使用doctype还是在doctype之前放置了任何东西，这会使IE进入怪癖模式。