0

我正在尝试使用条件注释来破解 IE7 使其表现得像一个真正的浏览器。

但是最近几天，IE7 忽略了引用它的条件，只响应针对 IE8 的条件。

我的标题有：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1    /DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

...

条件是：

<!--[if IE 7]>
<link rel="stylesheet" href="/css/ieHacks.css" type="text/css" media="screen" />
<![endif]-->

在 IE7 或 8 中都无法识别。但如果是

<!--[if IE 8]>
<link rel="stylesheet" href="/css/ieHacks.css" type="text/css" media="screen" />
<![endif]-->

然后样式表在 IE7 和 IE8 中都呈现。

有任何想法吗？我难住了。

4

2 回答 2

0

您还可以使用 CSS hack 仅从主样式表中定位 IE7：

*:first-child+html { /* Apply IE7-only CSS here */ }
于 2011-11-08T03:43:57.007 回答
0

我遇到了 IE8 无法读取 IE 样式表的问题，所以现在我更喜欢在我的主样式表上为 IE 添加一个类。无论如何，使用一个样式表维护代码更容易。Paul Irish解释得更好，但基本上你是这样说的：

<!--[if IE]> <html class="ie"> <![endif]-->

您的条件样式表链接所在的位置，然后在您的 css 中为您需要的每个 IE 特定更改添加 ie 类。因此，假设您的填充通常为 6px，但对于 IE，您需要它为 4px，该 div 的 css 如下所示：

.someClass {padding: 6px;}
.ie .someClass {padding: 4px;}
于 2011-11-08T00:18:28.203 回答