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;
}
你确定IE8正在执行JavaScript吗? – user2428118
@ user2428118:好点。 CloudSurferUK,您是否曾尝试在_resources/js/iehtml5.js的顶部添加'alert',以检查它是否在IE8中运行?它看起来应该运行,但它值得检查。 –
它始终是最简单的事情!谢谢@ user2428118原来是java没有运行。这些老旧的浏览器都是这样的谢谢你们为我节省了很多时间! – CloudSurferUK