在 IE 8 中查看此页面:http: //labs.pieterdecker.be/hetoog/layout.htm
一开始看起来还可以,但是尝试将鼠标悬停在一个项目上,然后再次将鼠标从项目网格上移开。
前
后
请注意黄色项目右侧的黑色边框。此外,字体看起来不同。
我怎样才能解决这个问题?
在 IE 8 中查看此页面:http: //labs.pieterdecker.be/hetoog/layout.htm
一开始看起来还可以,但是尝试将鼠标悬停在一个项目上,然后再次将鼠标从项目网格上移开。
前
后
请注意黄色项目右侧的黑色边框。此外,字体看起来不同。
我怎样才能解决这个问题?
由于您的基于表格的布局,我会把所有的钱都花在这上面...尝试改用 DIV。
这是用 div 替换所有表格/单元格的粗略示例:
在IE8中测试它,你会发现你不再有改变的问题......
您应该尝试在 CSS 中删除分配给 table.grid 的 table-layout:fixed 属性,我在某处读到可能导致 IE8 中的错误。(应该是不必要的,因为看起来您已经为每个 td 分配了宽度。)
顺便说一句,你真的应该考虑在未来将更多的东西分成多个类。代替尝试,您可以编写类似 td.note{} 的 CSS,而不是 td.brownnote、td.greennote、...{}