2014-04-04 75 views
0

我遇到了IE8和HTML5的問題。儘管使用HTML Shiv,但似乎沒有解決。爲什麼我在應用HTML5 shiv時沒有在IE8中使用HTML5標籤?

基本上這個網站在所有的瀏覽器上都很好,除了IE8的&低。在IE8或更低版本中,標籤剛剛關閉,並且根本沒有應用樣式,但我猜標籤沒有被識別。但是,在應用html5 shiv時,我無法理解它爲什麼不起作用。

(PS是的,我知道類似的問題已經被問然而,他們似乎與我已經應用了HTML5 JS來解決。)

的HTML是:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title></title> 
<!--[if lt IE 9]> 
     <script type="text/javascript" src="_resources/js/iehtml5.js"></script> 
<![endif]--> 
<link rel="stylesheet" href="_resources/css/common.css" /> 
<script type="text/javascript" src="//use.typekit.net/yff7tzw.js"></script> 
<script type="text/javascript">try{Typekit.load();}catch(e){}</script> 
<meta name="viewport" content="width=device-width, initial-scale=1" /> 
</head> 
<body> 
<!-- Page Header Section -->  
<header> 
    <img src="_resources/files/logo.gif" alt="" /> 
</header> 
<!-- Body Section --> 
<main> 
    <section> 
     <h1></h1> 
     <p></p> 
    </section> 

    <section> 
     <h1></h1> 
     <p></p> 
    </section> 

</main> 
<!-- Footer Section --> 
<footer> 
    <h1></h1> 
    <p></p> 
</footer> 
</body> 
</html> 

CSS

article, 
aside, 
figure, 
footer, 
header, 
main, 
hgroup, 
nav, 
section { display: block; } 

body { 
    width: 100%; 
    margin: 0px; 
    padding: 0px; 
    background-color: #fff; 
} 

main { 
    margin-left: auto; 
    margin-right: auto; 
    width: 67.5em; 
    background-color: #000; 
    padding: 1em; 
} 

h1 { 
    font-family: "museo-sans",sans-serif; 
    font-weight:700; 
    color:#67862d; 
    text-align:center; 
    padding-left:8em; 
    padding-right:8em; 
} 

h2 { 
    font-family: "museo-sans",sans-serif; 
    font-weight:700; 
    color:#67862d; 
    text-align:center; 
    padding-left:8em; 
    padding-right:8em; 
} 

header { 
    margin-left:auto; 
    margin-right:auto; 
    width:69.5em; 

} 

header img { 
    margin-left:auto; 
    margin-right:auto; 
    padding:1.5em; 
    display:block; 
} 

section { 
    margin-left:auto; 
    margin-right:auto; 
    width:67.5em; 
    background-color:#000; 
} 

section p { 
    font-family: "museo-sans",sans-serif; 
    font-weight:100; 
    color:#FFFFFF; 
    text-align:center; 
    padding-left:8em; 
    padding-right:8em; 
} 

section iframe { 
    width:44.6em; 
    height:22.8em; 
} 

footer { 
    margin-left:auto; 
    margin-right:auto; 
    width:69.5em; 
    height:21.75em; 
    text-align:center; 
    background-color:#3d3d3c; 
} 

footer p { 
    font-family: "museo-sans",sans-serif; 
    font-weight:700; 
    font-size:1.2em; 
    color:#67862d; 
    text-align:center; 
    padding-left:8em; 
    padding-right:8em; 
    margin-bottom:-0.8em; 
} 

    footer span { 
    font-family: "museo-sans",sans-serif; 
    font-weight:700; 
    color:#ffffff; 
    text-align:center; 
} 

footer img { padding-top:1.5em; } 

footer h1 { 
    font-size:1.6em; 
    margin-bottom:-0.4em; 
} 

footer h2 { 
    font-family: "museo-sans",sans-serif; 
    font-weight:700; 
    color:#67862d; 
    text-align:center; 
} 
+2

你確定IE8正在執行JavaScript嗎? – user2428118

+0

@ user2428118:好點。 CloudSurferUK,您是否曾嘗試在_resources/js/iehtml5.js的頂部添加'alert',以檢查它是否在IE8中運行?它看起來應該運行,但它值得檢查。 –

+0

它始終是最簡單的事情!謝謝@ user2428118原來是java沒有運行。這些老舊的瀏覽器都是這樣的謝謝你們爲我節省了很多時間! – CloudSurferUK

回答

1

根據您的安全設置,Internet Explorer將不會在本地文件中執行JavaScript。一個例外是Mark of the Web的文件。

您可以通過以下設置更改此行爲: Allow active content to run in files on My Computer

如果Internet Explorer有更嚴格的設置,它可能不允許在任何網站上的JavaScript。如果是這種情況,您可以使用這些說明enable JavaScript in Internet Explorer

相關問題