Question

所以，我这里有一个很奇怪的问题。我开始编辑一个已经制作好的网页，而DOCTYPE不在开头，它只有几行，实际上是在标题之后。

这是我的开始HTML

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>LymeMD :: Lyme Disease Research Foundation</title>
<link rel="stylesheet" type="text/css" href="stylenew1.css" />

</head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<body>
<div id="Header">
<div id="logowrap">
<h1 class="fltlft"><a class="logo" href="index.php" title="LymeMD - Lyme Disease Research 
Foundation">LymeMD - Lyme Disease Research Foundation</a></h1>

以下是我认为的相关CSS：

#header {
background-image:url(images/headerbg.jpg);
background-repeat:repeat-x;
width: 100%;
margin: 0 auto;
}
.logo {
background: url(images/logo3.png) no-repeat 0 0;
width: 1040px;
height: 120px;
display: block;
text-indent: -9999px;
position: relative;
}
#logowrap {
width: 1040px;
margin: 0 auto;
}

当我将！DOCTYPE移到标题之前时，我丢失了#header中包含的headerbg.jpg背景图像。

如果需要，这是我的活动网页供参考： http://www.lymemd.org/indexmm4.php

Answer 1

id Header的情况有误。它是html的上限，而css的下限。他们需要同意。

更改为

<div id="header">

来自sitepoint - CSS在其控制的所有事项中都不区分大小写;但是，有些东西，例如文档标记语言，是无法控制的。 HTML在大多数方面都不区分大小写，除非涉及某些属性值，例如id和class属性。

必须要有一些事情要离开doctype，这会让它不区分大小写。版本4时代的浏览器将类和id值视为不区分大小写。缺少doctype可能会出现一些兼容性设置 - 我不确定。

在开始更改时声明文档类型查找标题

1 个答案: