IE9浏览器模式和条件注释

时间:2012-06-12 12:42:54

标签: internet-explorer internet-explorer-9 conditional-statements html5boilerplate

我正在使用HTML Boilerplate文档标题,它为IE版本的标记添加了各种类。当使用IE9(按F12)并更改浏览器模式时,我似乎记得这将始终显示相关浏览器(在兼容模式下IE8 / IE7或IE7),但是,现在这似乎不起作用。

<!DOCTYPE html>
<!-- [if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!-- [if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!-- [if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- [if gt IE 8]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>

该网站可以在http://rangeessentials.petersenuploads.co.uk/

看到

使用我的IE7虚拟机似乎也无法正常工作。我错过了什么,因为我总是得到没有IE类的最终标签。

1 个答案:

答案 0 :(得分:0)

不应该有多个<html>开始标记,这可能是非法的,你应该有多个样式表,然后在这些样式表中相应地应用相关样式:

<!-- [if lt IE 7]><link type="text/css" rel="stylesheet" href="Styles_IE-7.css" /><![endif]-->
<!-- [if IE 7]><link type="text/css" rel="stylesheet" href="Styles_IE7.css" /><![endif]-->
<!-- [if IE 8]><link type="text/css" rel="stylesheet" href="Styles_IE8.css" /><![endif]-->
<!-- [if gt IE 8]><link type="text/css" rel="stylesheet" href="Styles_IE8-.css" /><![endif]-->

但即使在您的代码中,您的上一条条件评论中也有<!--><!-- - 这也可能是问题。