为什么 Internet Explorer 不能流畅地呈现此页面？答案

【问题标题】：Why doesn't Internet Explorer render this page smoothly?为什么 Internet Explorer 不能流畅地呈现此页面？
【发布时间】：2010-12-23 18:00:39
【问题描述】：

一开始看起来没问题，但请尝试将鼠标悬停在某个项目上，然后再次将鼠标从项目网格上移开。

之前

之后

请注意黄色项目右侧的黑色边框。此外，字体看起来也不同。

我该如何解决这个问题？

【问题讨论】：

我无法检查 IE8，因为我正在使用 mac。您可以检查您的网站是否有效：validator.w3.org/….
在你的脚本标签中使用 this：
我不认为这与文档的有效性有关，而是因为 IE8 中的不透明过滤器有问题。您是否尝试过 .css("-ms-filter", "alpha(opacity=20)") ？这是 IE8 中过滤器的新语法。
在 Windows 7 上使用 IE 7 和 8 对我来说一切正常。
我在 IE8/Win7 上的偏移量为 1 像素，如屏幕截图所示。

【解决方案1】：

由于您的基于表格的布局，我会把所有的钱都花在这上面...尝试改用 DIV。

这是一个用 div 替换所有表格/单元格的粗略示例：

在 IE8 中测试它，你会发现你不再有更改问题...

【讨论】：

【解决方案2】：

您应该尝试在 CSS 中删除分配给 table.grid 的 table-layout:fixed 属性，我在某处看到可能导致 IE8 中的错误。（应该是不必要的，因为看起来您已经为每个 td 分配了宽度。）

顺便说一句，你真的应该考虑在未来将更多的东西分成多个类。而不是 try 这样您就可以编写像 td.note{} 这样的 CSS 而不是 td.brownnote、td.greennote、...{}

【讨论】：