Question

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

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

我已经添加了几条ifIE7 ifIE8线，但似乎没有做到这一点。我是一个新手，当涉及到兼容性修复 - 任何帮助都非常感激。

谢谢！ d

Answer 1

您错过了文件顶部的doctype（<!DOCTYPE html>）。

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

Answer 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]-->

与IE 7的站点css兼容性无法正常工作

2 个答案: