2014-04-04 40 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

相关问题