我读了另一个问题的答案,这正是我所需要的。尽管如答案中所述,它在 IE7 中看起来很糟糕。我希望它在 IE7 中看起来不错。在 IE<=7 中不需要固定第一列,但表格(和第一列)应该是可读的。
有谁知道如何在 IE7 中隐藏 CSS 的某些部分,使它看起来像一个普通的表格?如果是这样,您可以随时 fork http://jsfiddle.net/emn13/YMvk9/向我展示 :)
我读了另一个问题的答案,这正是我所需要的。尽管如答案中所述,它在 IE7 中看起来很糟糕。我希望它在 IE7 中看起来不错。在 IE<=7 中不需要固定第一列,但表格(和第一列)应该是可读的。
有谁知道如何在 IE7 中隐藏 CSS 的某些部分,使它看起来像一个普通的表格?如果是这样,您可以随时 fork http://jsfiddle.net/emn13/YMvk9/向我展示 :)
您可以编写一个单独的样式表供 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://jsfiddle.net/fJJvG/2/。一件事,您必须从http://jquery.com/下载 jquery 插件并放入您的标题中。然后你会得到结果。