html - 你如何让 "IE 6 conditional comments"工作?

标签 html css internet-explorer-6 conditional-comments

我有这个标记,效果很好:

<div id="hd1" class="header headerNotIE6">

我现在正在尝试设置一个特定于 ie6 的解决方法,所以如果浏览器不是 IE 6,我将尝试仅使用此 div。因此,如果是 IE7、8 以及 firefox 和 chrome,我希望这条线能够命中。我试过了,但它似乎在 Firefox 或 Chrome 中不起作用。

<!--[if !(IE 6)]>
    <div id="hd1" class="header headerNotIE6">
<![endif]-->

在 html 文件中是否有任何“if everything but IE6”条件注释??

最佳答案

要定位除 IE6 之外的任何 IE,您可以使用 ! 运算符:

<!--[if !IE 6]>
    <div id="hd1" class="header headerNotIE6">
<![endif]-->

要针对除 IE6 以外的任何 IE 以及所有其他浏览器,您需要特殊的语法来打破条件注释,以便其他浏览器可以读取和解析内部的 HTML,而不是看到整个阻止一条评论:

<!--[if !IE 6]><!-->
    <div id="hd1" class="header headerNotIE6">
<!--<![endif]-->

原始语法如voyager's answer所示,称为 downlevel-revealed 语法,缺少额外的注释分隔符。但是,它是无效的 HTML,因此为了保持文档有效性,您应该改用上述语法。

关于html - 你如何让 "IE 6 conditional comments"工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4423000/

相关文章:

css - 多个背景图像 css 不适合我

css - 字体的紧凑形式会干扰垂直对齐

css - IE6 中的下拉菜单插入宽度过大,无法下拉

css - 如何确保在 IE6 的表格单元格中将垂直对齐设置为中间?

javascript - 网页中的中心 Logo (垂直和水平)

html - 为 div 元素应用 max-width 属性

php - 另一个小正则表达式问题

Html/Css 动态居中

CSS - 如何停用 :hover pseudo class in IE 6

javascript - 如何将 HTML 转换为没有标签和特殊字符的文本?