修复表上的列并防止它在IE7中看起来很糟糕

Question

我读了this回答另一个问题，这正是我所需要的。虽然，如答案中所述，它在IE7中看起来很糟糕。我希望它在IE7中看起来不错。第一列不需要在IE＆lt; = 7中修复，但表（和第一列）应该是可读的。

有没有人知道如何在IE7中隐藏CSS的某些部分，所以它看起来像普通的表？如果是这样，您可以随时叉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

Answer 2

我修复了问题并附加了文件http://jsfiddle.net/fJJvG/2/。有一件事，你必须从http://jquery.com/下载jquery插件并放入你的标题。然后你会得到结果。