如何使用 CSS 定位 IE7 和 IE8：综合指南-css教程-PHP中文网

如何使用 CSS 定位 IE7 和 IE8：综合指南

Linda Hamilton

发布： 2024-10-29 07:25:02

原创

865 人浏览过

How to Target IE7 and IE8 with CSS: A Comprehensive Guide

使用 CSS 定位 IE7 和 IE8：综合指南

要在不影响 W3C 合规性的情况下实现 IE7 和 IE8 的有针对性的样式，采用显式的浏览器特定类是一种有效的方法方法。这消除了对不可靠的 CSS hack 的需要。

方法 1：浏览器特定的 HTML 类

将 HTML 类添加到中。基于浏览器的元素：

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

登录后复制

这允许您在 CSS 中定位特定浏览器：

<code class="css">.ie6 body { 
    border:1px solid red;
}
.ie7 body { 
    border:1px solid blue;
}</code>

登录后复制

方法 2：CSS Hacks

或者，您可以使用 CSS hacks 来定位 IE 版本：

“9”针对 IE8 及以下
“*”针对 IE7 及以下
“_”针对 IE6

示例：

<code class="css">body { 
border:1px solid red; /* standard */
border:1px solid blue; /* IE8 and below */
*border:1px solid orange; /* IE7 and below */
_border:1px solid blue; /* IE6 */
}</code>

登录后复制

定位 IE10

IE10 无法识别条件语句。要定位它，请使用以下脚本：

<code class="html"><!doctype html>
<html lang="en">
<!--[if !IE]><!--><script>if (/*@cc_on!@*/false) {document.documentElement.className+=' ie10';}</script><![if lt IE 9]><![endif]-->
<head></head>
<body></body>
</html></code>

登录后复制

以上是如何使用 CSS 定位 IE7 和 IE8：综合指南的详细内容。更多信息请关注PHP中文网其他相关文章！