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"...>

Answer 2

检查是否有另一个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>

链接css文件会删除背景

2 个答案: