如何在<= IE6上显示某些内容，在其他浏览器上显示不同的内容？

Question

如何在IE6 +早期版本中显示某些内容，而在其他版本中显示不同的内容？ 有条件注释是否可能？

谢谢

更新

我只能在<body>标签内编辑内容...

Answer 1

Paul Irish博客上描述了一个更好的选择。 （链接在这里）

基本思路是像这样将类赋予您的html标记。

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

假设您的页面中有一个标签。 例如，

<label class="foo">Your browser is IE6!</label>

而且您只想在IE6中显示该标签，请执行此操作

label.foo { display: none;}
.ie6 label.foo { display: block; }

这种方法肯定有其优点和缺点。

请阅读Paul Irish帖子中的所有其他评论，以深入了解该场景。

实际上，博客文章的最佳部分通常始于博客文章的结尾。
希望这可以帮助。

Answer 2

您可以使用条件注释来仅包含某些浏览器的内容

有关更多信息，请访问：

http://www.quirksmode.org/css/condcom.html

Answer 3

使用CSS hacks。 参考以下链接

http://www.webdevout.net/css-hacks

http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-nether/

Answer 4

我建议您使用特定于ie的类，例如HTML5 boilperplate做：

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

然后，您可以使用相应的CSS来显示/隐藏内容，例如：

.ie6-content: {visible: false;}
.ie6 .ie6-content: {visible: true;}
.content {visible: true;}
.ie6 .content {visible:false}

因此，具有ie6-content部分仅在IE6中可见，而具有content部分在IE6中不可见。

Answer 5

有条件的注释（不幸的是）不会浮出水面，因为它们直到IE 5才存在。此外，它们在netscape上不可用。 而是简单地将iframe放在内容的末尾，以显示实际的页面内容。

<title>Your websites title</title>
<body style="margin:0px;font-size:0px;width:100%;height:100%;overflow:hidden">
    <h1>heading</h1>
    <p>Body paragraph</p>
    <!--[if gt IE 6]><!-->
    <iframe frameborder="0" width="100%" height="100%" src="main.html" style="position:relative;width:100%;height:100%;background-color:white"></iframe>
    <!--<![endif]-->
    <style language="css" type="text/css">/*<!--*/
        /* put your limited CSS here */
    /*-->*/</style>
</body>

然后，放入下层显示的条件注释，以使iframe不会出现在IE 6或IE 5上。然后，只要iframe没有任何文本内容，即使在第一个版本的iframe中也看不到它。第一个互联网浏览器。

然后，因为没有一个理智的人愿意投入足够的时间，精力和精力来为普通网站提供与IE5的兼容性，所以您可以使用下层显示的条件注释（感谢iframe的支持）。

然后，您可以为浏览器（如最旧的Netscape版本）添加一些超基本CSS。 超基本CSS包括颜色和裁切之类的东西，并且不包括诸如酷炫和现代之类的东西。

我的源代码当然是世界上第一个网站的源代码。 可以在以下位置找到最完整的位： cern 。 这也是将标题放在首位而不是完全不包括首位的原因。

因此，该方法将允许您在IE 6之前的所有浏览器上显示该网页的替代形式。然后，您可能会问Chrome，Firefox，Opera和其他浏览器如何。 好吧，那些浏览器会自动更新。 因此，实际上并不需要扩展对以前版本的支持。

无论如何，以上布局充其量是最好的，但是，嘿，它有效。 而且，这对我来说已经足够了。

如何在<= IE6上显示某些内容，在其他浏览器上显示不同的内容？

问题描述

5 个解决方案

解决方案1
4 已采纳 2011-12-08 10:21:02

解决方案2
1 2011-12-08 09:41:19

解决方案3
1

解决方案4
1 2011-12-08 10:28:57

解决方案5
0

如何在&lt;= IE6上显示某些内容，在其他浏览器上显示不同的内容？

问题描述

5 个解决方案

解决方案1 4 已采纳 2011-12-08 10:21:02

解决方案2 1 2011-12-08 09:41:19

解决方案3 1

解决方案4 1 2011-12-08 10:28:57

解决方案5 0

如何在<= IE6上显示某些内容，在其他浏览器上显示不同的内容？

解决方案1
4 已采纳 2011-12-08 10:21:02

解决方案2
1 2011-12-08 09:41:19

解决方案3
1

解决方案4
1 2011-12-08 10:28:57

解决方案5
0