html - 固定表格上的列并防止它在 IE7 中看起来很糟糕

Question

我读了this回答另一个问题，这正是我所需要的。尽管如答案中所述，它在 IE7 中看起来很糟糕。我希望它在 IE7 中看起来不错。第一列在 IE<=7 中不需要固定，但表格(和第一列)应该是可读的。

有没有人知道如何在 IE7 中隐藏 CSS 的某些部分，使其看起来像一个普通的表格？如果是这样，你总是可以 fork http://jsfiddle.net/emn13/YMvk9/给我看:)

Answer 1

您可以编写一个单独的样式表供 IE 使用:

<!--[if IE]>
    <link href="/style/ie.css" type="text/css" rel="Stylesheet" />
<![endif]-->

<!--[if !IE]>
    <link href="/style/core.css" type="text/css" rel="Stylesheet" />
<![endif]-->

这将强制 IE 使用您在 ie.css 中指定的规则，因此您可以在此处为其指定您想要的规则。这还将对 IE 隐藏 Google Chrome 和 Firefox 中使用的其他部分。

仅当浏览器不是 IE 时才会使用第二个样式表，因此如果所有内容在 Chrome 和 Firefox 中正确显示，您可以保留这些规则不变。然后只需将 IE 所需的规则复制到它的样式表中即可。

最佳做法是编写 CSS，使其在所有浏览器中显示相同，但​​这会减少很多麻烦!

希望对你有帮助

引用: http://www.quirksmode.org/css/condcom.html