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

Question

我读了这个对另一个问题的答案，这正是我所需要的。 尽管，正如答案中所述，它在IE7中看起来很糟糕。 我希望它在IE7中看起来还可以。 第一列不需要在IE <= 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，以便在所有浏览器中都显示相同的CSS，但这要少得多。

希望这可以帮助

参考： http : //www.quirksmode.org/css/condcom.html

Answer 2

我已解决问题，并附加了文件http://jsfiddle.net/fJJvG/2/ 。 一件事，您必须从http://jquery.com/下载jquery插件并放在标题中。 那么您将得到结果。