gpt4 book ai didi

html - 当我应用 HTML5 shiv 时,为什么我的 HTML5 标签没有在 IE8 中设置样式?

转载 作者:太空宇宙 更新时间:2023-11-04 13:38:28 25 4
gpt4 key购买 nike

我遇到了 IE8 和 HTML5 的问题。尽管使用了 HTML Shiv,但它似乎并没有得到解决。

基本上,该站点在除 IE8 及更低版本之外的所有浏览器上都可以正常呈现。在 IE8 或更低版本中,标签只是关闭并且根本没有应用任何样式,因此我猜这些标签没有被识别。但是,在应用 html5 shiv 后,我不明白为什么它不起作用。

(P.S. 是的,我知道有人问过类似的问题。但是它们似乎已通过我已经应用的 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;
}

最佳答案

根据您的安全设置,Internet Explorer 不会在本地文件中执行 JavaScript。一个异常(exception)是带有 Mark of the Web 的文件.

您可以使用以下设置更改此行为: Allow active content to run in files on My Computer

如果 Internet Explorer 有更严格的设置,它可能不允许在任何网站上使用 JavaScript。如果是这样的话,你可以enable JavaScript in Internet Explorer按照这些说明。

关于html - 当我应用 HTML5 shiv 时,为什么我的 HTML5 标签没有在 IE8 中设置样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22862537/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com