0

在 IE 8 中查看此页面:http: //labs.pieterdecker.be/hetoog/layout.htm

一开始看起来还可以,但是尝试将鼠标悬停在一个项目上,然后再次将鼠标从项目网格上移开。

前

后

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

我怎样才能解决这个问题?

4

2 回答 2

3

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

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

http://jsbin.com/akido/

在IE8中测试它,你会发现你不再有改变的问题......

于 2009-12-06T15:27:39.093 回答
1

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

顺便说一句,你真的应该考虑在未来将更多的东西分成多个类。代替尝试,您可以编写类似 td.note{} 的 CSS,而不是 td.brownnote、td.greennote、...{}

于 2009-12-06T20:47:03.373 回答