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