Question

我正在尝试将此处推荐的技术应用于jQuery中的IE检测：

https://stackoverflow.com/a/3165521/1093087

我不清楚的是如何为非IE浏览器设置html标记。

这是我目前在模板中的内容：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>

这是我应该用以下内容替换它：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--[if lt IE 8><html class="lt-ie8"><![endif]-->
<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if gt IE 8]><!--><html><!--<![endif]-->
  <head>

如果我这样做，IE会被两个html标签混淆吗？

Answer 1

试试这个：

<!doctype html>
<!--[if lt IE 7 ]> <html class="ie6" lang="en-US" 
                        xmlns="http://www.w3.org/1999/xhtml"
                        > <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en-US" 
                        xmlns="http://www.w3.org/1999/xhtml"
                        > <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en-US" 
                        xmlns="http://www.w3.org/1999/xhtml"
                        > <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en-US" 
                        xmlns="http://www.w3.org/1999/xhtml"
                        > <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->

每个实例都有CSS来自定义内容。

如何在Firefox等非IE浏览器的html标签上正确应用IE条件？

1 个答案: