为什么Internet Explorer无法顺利渲染此页？

有IE 8中看看这个页面： http://labs.pieterdedecker.be/hetoog/layout.htm 为什么Internet Explorer无法顺利渲染此页？

起初看上去不错，但尝试将鼠标悬停在某个项目，然后再考虑你的鼠标从该项目的网格。

以前

Before http://img189.imageshack.us/img189/9638/beforeri.jpg

After http://img338.imageshack.us/img338/6395/afteri.jpg

你注意到的黄色项右侧的黑色边框后。此外，字体看起来不同。

我该如何解决这个问题？

来源

2009-12-06 Pieter

我不能检查IE8，因为我在Mac上工作。您可以检查您的网站是否有效：http://validator.w3.org/check?uri=http%3A%2F%2Flabs.pieterdedecker.be%2Fhetoog%2Flayout.htm&charset=%28detect+automatically%29&doctype=Inline&group= 0。 – 2009-12-06 14:23:54

在脚本标签使用此： – 2009-12-06 14:24:59

我不认为这是关系到文档的有效性，但由于车不透明度滤光器在IE8中。你试过.css（“ - ms-filter”，“alpha（opacity = 20）”）吗？这是IE8中过滤器的新语法。 – 2009-12-06 14:36:09

我会把我所有的钱，这是由于您的基于表格布局...尝试使用DIVs代替。

这里是用div的更换所有的表/细胞的粗略例如：

http://jsbin.com/akido/

在IE8测试它，你会看到你不再有改变的问题...

来源

2009-12-06 15:27:39 luckykind

您应该尝试删除表格布局：在CSS中分配给table.grid的固定属性，我在某处读取会导致IE8中出现错误的地方。（应该是不必要的，因为看起来你已经为每个td分配了宽度。）

另外，你应该考虑在未来使用更多的分类。而不是尝试，所以你可以写td.note {}而不是td.brownnote，td.greennote，... {}

来源

2009-12-06 20:47:03

为什么Internet Explorer无法顺利渲染此页？

回答

相关问题