提供通用 IE 6 样式表 | CSS-Tricks

所有好的浏览器以及 IE 7 及更高版本获取 REGULAR-STYLESHEET.css，IE 6 及更低版本浏览器获取一个具有简化基本但仍然不错的样式的特殊样式表。

<!--[if !IE 6]><!-->
  <link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<!--<![endif]-->

<!--[if gte IE 7]>
  <link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<![endif]-->

<!--[if lte IE 6]>
  <link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->

TeMc

# 2009 年 9 月 18 日

太棒了！以前不知道这竟然可以实现！

我实际上可以为非 IE 浏览器创建一个 css 文件。

谢谢！

# 2010 年 4 月 20 日

非常感谢你，我已经尝试了 4 个小时来实现类似的功能了。!!
你让我今天过得很开心 :))

干杯！

Alan

# 2010 年 4 月 28 日

Chris，有没有更简洁的方法？我不希望重复所有非 IE6 的 <link> 样式标签。

Alan Hogan

# 2010 年 4 月 28 日

是的，这实际上是错误的。IE7 及更高版本将正常读取第一个 LINK 标签，并且它们也会读取第二个标签。非 IE 浏览器只会读取第一个 LINK 标签。

如果你再次查看 Malarky 的代码，你会发现我说得没错。

Alan Hogan

# 2010 年 4 月 28 日

我在这里发布了一些适当条件注释的示例
http://demo.pixelsandpages.com/css-tests/

直接链接
– 仅显示 IE6 或非 IE6 的样式，简洁的“向下级显示”方法
– 仅显示 IE6 或非 IE6 的样式，冗长的“Beautiful Web”方法
– 仅显示 IE 7 和 IE 8 的样式

Tai Travis

# 2010 年 6 月 9 日

太棒了！

IE6 中的网页应该正是这个样子。

# 2011 年 1 月 8 日

你可以更改它，以便所有用户都获得默认样式表，但 IE 用户获得他们自己的样式表来覆盖它。

<link rel="stylesheet" type="text/css" media="screen, projection" href="style_default.css" />
<!--[if gte IE 7]>
  <link rel="stylesheet" type="text/css" media="screen, projection" href="style_ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
  <link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
  <link rel="stylesheet" type="text/css" media="screen, projection" href="style_ie6.css" />
<![endif]-->

Francesco

# 2011 年 2 月 1 日

我一直在使用 Andy Clarke 的出色 IE6 样式表。但我注意到，当从 googlecode.com 链接时，它似乎不起作用。只有在我本地链接时，它才有效。至少在我保留 IE6 的 XP 笔记本电脑上是如此。

还有其他人遇到过同样的问题吗？

Tom Fortmuller

# 2011 年 2 月 1 日

Chris，使用向下级显示的条件注释怎么样？(http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx#dlrevealed)

这样的代码应该可以解决问题

<!-- This gets picked up by all good browsers, plus IE7 and up -->
<![if gte IE 7]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" />
<![endif]>

<!-- This one is for IE 6 and below -->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" />
<![endif]-->

iv.draganov

# 2011 年 2 月 27 日

如何将前两个链接元素组合起来，像这样


<!--

iv.draganov

# 2011 年 2 月 27 日

如何将前两个链接元素组合起来，像这样
 <link rel="stylesheet" type="text/css" media="screen, projection" href="REGULAR-STYLESHEET.css" /> 

lata

# 2011 年 4 月 15 日

太垃圾了！

Renato Alves

# 2012 年 3 月 18 日

我有一个愚蠢的问题。在自己的服务器上使用它而不是在 google 代码服务器上使用它有什么好处？

提前感谢！

coder

评论的永久链接# 2012 年 11 月 12 日

最近发现了一个原因。如果你从 http 迁移到 https，那么任何非安全资源（非 https）在 IE 中可能会出现问题（脚本、图像等）。我从 google 获取了一个 js 文件，很不幸，只有当我单击显示所有非安全内容时，IE 才能正确显示网站。通过将文件保存在本地，我避免了那个糟糕的局面。

此外，通过链接到外部脚本，你进一步暴露了你的网站。如果该资源被黑客攻击怎么办？另一个将它保存在本地的充分理由。

注意：IE 应该直接去地狱某个地方……

Niks Patel

# 2013 年 5 月 6 日

最近发现了一个原因。如果你从 http 迁移到 https，那么任何非安全资源（非 https）在 IE 中可能会出现问题（脚本、图像等）。我从 google 获取了一个 js 文件，很不幸，只有当我单击显示所有非安全内容时，IE 才能正确显示网站。通过将文件保存在本地，我避免了那个糟糕的局面。

评论

发表回复 取消回复

发表回复取消回复