IE8不能使用腳本和html5

Question

我的一個朋友爲一個網站做志願者工作，並在前一天遇到問題。顯然，特別是運行IE8的少數用戶（來自已回覆的用戶）無法正確查看頁面佈局。這個腳本位於css之前最頂部的每個頁面的標題中。從他向我展示的屏幕截圖看來，IE忽略了CSS並重疊了網站的各個部分。任何想法爲什麼？

<!--[if IE]> 
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

非常感謝您的幫助。

Answer 1

我們可能需要查看該網站才能給出一個很好的答案，但這裏有一些可能的疑難解答想法。

1. 用戶啓用了JavaScript的用戶？沒有它，腳本不會工作。避免這種情況的唯一方法是不使用html5，這不是一個好的選擇，除非ie8支持對網站的用戶非常重要。
2. 頁面上是否有任何JS錯誤？它可能會阻止它加載。
3. 嘗試下載該js文件並在本地而不是從谷歌加載它。有時跨域請求可能會導致問題。我從來沒有從谷歌加載它的問題，但你可能想嘗試。有些瀏覽器對待它的方式不同。請參閱Wikipedia：Same origin policy
4. 您也可能想要確保該文件是問題所在。也許還有其他一些即將發生的怪事。 ie8不會識別html5元素，所以它不會設計它們。如果這是你得到的佈局問題，那麼它可能就是那個文件。

另一件事。不要忘記在樣式表中使用html5重置來設置ie中的html5元素爲'display：block'。沒有它，他們可能無法正常工作。

編輯： 繼承人是我在評論中提到的一個例子。

在HTML文件中：

<div class="container"> 
    <section id="left"><!-- sidebar --></section> 
    <article><!-- content --></article> 
</div> 

在樣式表：

.container{ 
    position:relative; 
} 

section#left{ 
    position:absolute; 
    top:0; 
    left:0; 
}