IE7认为是IE8吗？
[英]IE7 thinks it is IE8?
原文
2011-11-07 23:58:08
3
2
css/
internet-explorer/
internet-explorer-7/
conditional/
conditional-comments
问题描述
我正在尝试使用条件注释来使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中都呈现样式表。
有任何想法吗？ 我很沮丧
2 个解决方案
解决方案1
0 2011-11-08 00:18:28
我遇到了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;}
解决方案2
0 2011-11-08 03:43:57
您还可以使用CSS hack仅从您的主要样式表中将IE7作为目标：
*:first-child+html { /* Apply IE7-only CSS here */ }
IE7 中的 IE8 JavaScript
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.