链接 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

检查是否有另一个 css 规则覆盖外部文件中写入的 css 规则。

例子：

<rel link="StyleSheet" src="file.css" media="all" type="text/css"
 />
<style>
.background{
//if here is another css rule with the same class or id, this will override the one that is in the external file.
}
</style>

Answer 2

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

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

不是

<rel link="stylesheet"...>