与 IE 7 的站点 css 兼容性不起作用答案

【问题标题】：Site css compatibility with IE 7 not working与 IE 7 的站点 css 兼容性不起作用
【发布时间】：2013-03-25 13:13:35
【问题描述】：

感谢您查看我的帖子。我目前正在为我的雇主重新设计一个 html5 模板，并且在进行一些 QA 时注意到该网站在 ie7 和 8 上似乎完全错误。似乎 css 样式甚至没有被推送到页面.

这是我的测试链接：http://daniloportal.com/NPC/index.html

我已经在我的脑海中添加了几行 ifIE7 ifIE8 行，但似乎没有奏效。当涉及到兼容性修复时，我是新手 - 非常感谢任何帮助。

谢谢！ D

【问题讨论】：

请提供您遇到问题的代码。此外，仅仅说“看起来完全错误”的话并不能告诉我们任何事情。您提供的信息越多，人们为您提供帮助的可能性就越大。
嘿剑鱼，代码实际上是整个页面......在其他浏览器上它看起来很完美，除了 ie7 和 8 浏览器。我不确定是否有一个特定的块可以指出原因
您是否尝试按照@Adrift 的建议添加文档类型？
是的，我做到了，效果非常好！甚至动画都在运行。很高兴你们都帮了我：D

标签： css browser internet-explorer-8 cross-browser internet-explorer-7

【解决方案1】：

您只是在文件顶部缺少doctype (<!DOCTYPE html>)。

这只会触发 IE 进入Quirks Mode，这会导致各种问题。将 doctype 放在文件的顶部，并确保其前面没有空格或注释。

【讨论】：

【解决方案2】：

将Doctype和IE条件放在最上面

<!--[if lt IE 7 ]> <html class="ie6" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en" xml:lang="en" dir="ltr"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en" xml:lang="en" dir="ltr"> <![endif]-->

【讨论】：

泰米尔语非常感谢您的帮助，Adrift 首先为我指明了正确的方向，但您的建议也非常有帮助。谢谢你帮我解决这个愚蠢的问题哈哈