html - 链接 css 文件会删除背景

Question

此问题已得到解答:好的，我找到了解决方案。问题是 css 文档仍然包含 html 标签。感谢所有提供帮助的人。

我一直在使用 css 设计网站。当 css 直接在 HTML 代码中时，该站点可以完美运行。但是，如果我将 css 保存在与 html 文件位于同一目录的外部文件中，并使用标签将其包含在内，它会保留布局但背景会消失。背景设置为图像。下面是我的 CSS 代码。

<style type="text/css">
body {
background-image: url('http://www.thepeepinghole.tk/pics/stone.jpg');
color: white;
}
#menubar {
position: relative;
width: 75%;
height: 60px;
}
#menubar svg {
margin: 0px;
width:100%;
}
#menubar h3 {
position: absolute;
top: 0px;
left: 10px;
}
#top {
height: 150px;
width: 75%;
background-color: rgba(0,0,0,0.6);
}
#top img {
position: absolute;
left: 11%;
top: -2%;
width: 266px;
height: 200px;
width: auto;
z-index: 2;
}
#top img.mirror {
position: absolute;
left: 69%;
top: -2%;
width: 266px;
height: 200px;
width: auto;
z-index: 2;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
#top h2 {
position: relative;
top: 30%;
}
#top h1 {
position: relative;
top: 30%;
}
#menubar a {
color: white;
}
#menubar img {
position: absolute;
top: 0px;
left: 85%;
float: right;
}
#content {
width: 75%;
background: rgba(0,0,0,0.6);
}
</style>

我用这段代码将它包含在我的 html 的头部:

<rel link="StyleSheet" href="http://thepeepinghole.tk/mainpage.css" type="text/css" />

Answer 1

看起来你的语法有问题:应该是:

<link rel="stylesheet" href="http://thepeepinghole.tk/mainpage.css" type="text/css">

不是

<rel link="stylesheet"...>