有效的“下层揭示”条件评论

时间:2012-05-24 13:51:42

标签: html internet-explorer conditional-comments

IE< 9不理解data: URI,所以我输出了两个不同的样式表:一个是IE 8及以下图像的普通链接,另一个是其他浏览器的base64编码内嵌图像。

<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="/public/themes/url.style.css">
<![endif]-->
<!--[if gt IE 8]>-->
<link rel="stylesheet" type="text/css" href="/public/themes/b64.style.css">
<!--<![endif]-->

问题:在IE9中,我在页面上看到了一个迷路-->输出。因为它位于<head>内,它出现在页面的最顶部。我应该如何摆脱它?

1 个答案:

答案 0 :(得分:3)

我已经明白了。我确实搜索了有效的条件评论,并找到了an article telling me to do what I was already doing,但后来我偶然发现了another answer here中的一条旁边的评论,它向我展示了正确的方法:

<!--[if lte IE 8]>
<span>This is for IE 7 and below.</span>
<![endif]-->
<!--[if gt IE 8]><!-->
<span>This is for all other browsers (IE 8, and browsers which don't do conditional comments).</span>
<!--<![endif]-->

查看区别:<!--[if gt IE 8]><!-->而不是<!--[if gt IE 8]>-->