gpt4 book ai didi

html - 只有 IE 无法查看此站点

转载 作者:太空宇宙 更新时间:2023-11-03 20:55:41 25 4
gpt4 key购买 nike

我开始建站了,但是貌似除了IE以外的所有浏览器都可以看。我对为什么会发生这种情况感到困惑,我们将不胜感激对我的问题的任何见解。

Link to website

HTML:

<html>
<head>

<link rel="stylesheet" type="text/css" media="screen" href="css/stickyFooter.css" />

</head>
<body>

<div id="wrap">

<header>
<div id="header"></div>
<div id="banner"></div>
<div id="nameplate"></div>
<div id="whiteLine"></div>

</header>

<div id="body">body</div>

<div class="push"></div>

</div>

<footer>footer</footer>

</body>
</html>

CSS:

* {
margin: 0;
}
html, body {
height: 100%;
background: url(../image/core/background.jpg) repeat-x center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


header div#header {
background: url(../image/core/header.png) repeat-x;
height: 61px;
}

header div#banner {
background: url(../image/banner/01.jpg) no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 300px;
}

header div#nameplate {
background: url(../image/core/nameplate.png) no-repeat;
height: 140px;
width: 1000px;
margin: -340px auto 0 auto;
}

header div#whiteLine {
background: url(../image/core/stripe.png) repeat-x;
height: 1px;
margin: 200px 0 0 0;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -61px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
height: 61px; /* .push must be the same height as .footer */
}

footer {
background-color: red;
}

最佳答案

你需要添加一个文档类型

从 F12 开发人员工具中查看此警告

HTML1113:文档模式从 IE9 标准重新启动到 Quirks

查看此以获取更多信息 - http://www.javascriptkit.com/howto/doctype.shtml

关于html - 只有 IE 无法查看此站点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10841811/

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