爲什麼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無法順利渲染此頁？

回答

相關問題