Question

如何向IE6 +早期版本显示某些内容，与其他版本不同？有条件的评论是否可能？

由于

更新

我只能编辑＆lt; body＆gt;中的内容标签...

Answer 1

保罗爱尔兰博客上有一个更好的选择。（Link here）

基本的想法是像这样给你的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; }

此方法肯定有pros and con个。

请阅读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-neither/

Answer 4

我建议你使用像HTML5 boilperplate这样的ie特定类：

<!--[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才会显示ie6-content的部分，而IE6中的content部分将不可见。

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没有任何文本内容，它将是即使是第一个互联网浏览器的第一个版本也看不见。

然后，因为没有理智的人想要投入足够的时间，精力和努力来为普通网站提供与IE5的兼容性，所以你可以使用低级显示的条件评论（谢天谢地支持iframe之前支持）。

然后，您可以为最旧版本的Netscape等浏览器添加一些超级基本CSS。超级基本的CSS包括颜色和裁剪等内容，并且不包括任何酷炫和现代的东西。

我的来源当然是世界上第一个网站的源代码。最完整的位可以在这里找到：at cern。这也是将头衔置于头外而不包括任何头部的原因。

所以，这种方法可以让您向IE 6以前的所有浏览器显示网页的简单替代品。然后您可以询问Chrome，Firefox，Opera和其他浏览器的内容。好吧，那些浏览器会自动更新。实际上，没有必要将支持扩展到它们的先前版本。

无论如何，上面的布局充其量只是sketcky，但是嘿：它工作。而且，这对我来说已经足够了。

如何向＆lt; = IE6和其他浏览器显示某些内容？

5 个答案: