css/html我的背景确实出现了，但它在我的div后面_Html_Css_Background

css/html我的背景确实出现了，但它在我的div后面

html css

css/html我的背景确实出现了，但它在我的div后面,html,css,background,Html,Css,Background,我的问题是我的背景在那里，但它在我的divs后面。我想把它放在content div的两侧，但它不起作用。这是我认为问题所在的部分： body { background-image:"C:\Users\Peter\Documents\onze server met div\achtergrond.png"; background-color:; min-height: 100%; height:1500; list-style-type:none;

我的问题是我的背景在那里，但它在我的

div

s后面。我想把它放在content div的两侧，但它不起作用。这是我认为问题所在的部分：

body {
    background-image:"C:\Users\Peter\Documents\onze server met div\achtergrond.png";
    background-color:;
    min-height: 100%;
    height:1500;
    list-style-type:none;
    margin:0;
    padding:0;
    overflow-y:scroll;
}

这是整个css代码：

body {
    background-image: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
    background-color:;
    min-height: 100%;
    height: 1500;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}

li {
    float: left;
}

.class1 A:link {
    display: block;
    width: 150px;
    height: 20;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #bababa;
    text-align: center;
    padding: 6;
    text-decoration: none;
    text-transform: uppercase;
}

.class1 A:visited {
    display: block;
    width: 150px;
    height: 20px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #bababa;
    text-align: center;
    padding: 6;
    text-decoration: none;
    text-transform: uppercase;
}

.class1 A:active {
    display: block;
    width: 150px;
    height: 20px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #bababa;
    text-align: center;
    padding: 6;
    text-decoration: none;
    text-transform: uppercase;
}

.class1 A:hover {
    background-color: #a6a6a6;
}

.class2 A:link {
}

.class2 A:visited {
}

.class2 A:active {
}

.class2 A:hover {
}

.class3 A:link {
    text-decoration: underline;
    color: #000080;
    text-align: center;
}

.class3 A:visited {
    text-decoration: underline;
    color: #000080;
    text-align: center;
}

.class3 A:active {
    text-decoration: underline;
    color: #000080;
    text-align: center;
}

.class3 A:hover {
    text-decoration: underline;
    color: #000080;
    text-align: center;
}

.class4 {
    background-image: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
}

#content {
    margin-top: 20;
    text-align: left;
    background-color: #EEEEEE;
    height: 1000;
    width: 70%;
    float: left;
    overflow-y: auto;
    margin-left: 15%;
    margin-right: 15%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 10px 10px 5px #888888;
    margin-bottom: 10;
    padding: 20;
    background: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
}

#footer {
    background-color: #FFA500;
    clear: both;
    text-align: center;
}

#header {
    background-color: #FFA500;
}

#menu {
    background-color: #bababa;
    height:;
    width: 100%;
    float: center;
}

#container {
    background-image: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
}

这是我的html

<html>
<head>
<LINK HREF="C:\Users\Peter\Documents\onze server met div\Hetstylesheet.css"      REL="stylesheet" TYPE="text/css">
</head>
<body background="C:\Users\Peter\Documents\onze server met div\achtergrond.png">
<div id="container" style="width:*">


<div id="header">
<h1 style="margin-bottom:0;">Onze server webpagina</h1>IP:</div>

<div id="menu">
<span class="class1">
<li><a href="C:\Users\Peter\Documents\onze server met div\Homepage.html">Home</a></li>
<li><a href="C:\Users\Peter\Documents\onze server met div\Server.html">De Server</a>  </li>
<li><a href="C:\Users\Peter\Documents\onze server met div\contact.html">Contact</a></li>
<li><a href="C:\Users\Peter\Documents\onze server met div\Updates.html">Updates</a></li>
<li><a href="C:\Users\Peter\Documents\onze server met div\Loes haar gedeelte.html">loes</a></li>
</span>

<span class="class3">
<div id="content">
<br><P Style="font-size:18pt;"><strong>WELKOM</p></strong></style>
<br><br>Hoi, diegene die dit ziet.<br>
VEEL PLEZIER!!!
</div>


<div id="footer">
Copyright © Peter Kingma</div>
</span>
</div>
</body>
</html>


Onze服务器webpaginaIP:






WELKOM



嘿，我的天哪。

VEEL Plezer！！！
版权所有©Peter Kingma

转发感谢
尝试一种方法（最好不要使用内联CSS）或另一种方法，因为您有两种不同的背景声明。一个内嵌，一个在样式表中
在您的样式表中，您也有一些相互冲突/相互抵消的东西：

body { ... min-height: 100%; /*max-height:100%; will prevent an image from scaling larger than it's true size */ height:1500; /* this is the height you'll get no matter what, by setting it explicitly }

。。。我会把它拿走
对你的问题
将始终位于您的内容div后面，这些div将始终是
的子级。如果要使用的背景图像似乎位于
侧边，则只需确保
保持比BG图像+
s+您想要/需要的任何侧边距宽

body { background:url(your.png) right 0; /* aligned to the right */ background-size:80px 60px; /* CSS3 not good for older browsers (using an image you know is 80px wide, for example, would work best for browser compatibility. */ min-width:###px; /*body bg img + width of div + any margins you want. */ } div { max-width:###px; /* follow <body>s rule from above */ }

正文{ 背景：url（your.png）右侧0；/*与右侧对齐*/ 背景大小：80px 60px；/*CSS3不适合较旧的浏览器（例如，使用您知道的80px宽的图像，最适合于浏览器兼容性）*/ 最小宽度：####px；/*正文背景img+div的宽度+您想要的任何边距*/ } div{ 最大宽度：###px；/*遵循上面的s规则*/ }
你能创建一个jsfiddle吗你可以使用
Homepage.html
而不是
C:\Users\Peter\Documents\onze-server-met-div\Homepage.html
-就好像你把它上传到一个web服务器上一样，所有路径都不起作用。而且你的html在某些地方是无效的。你的列表项周围没有
和
正文背景=“
无效。通过您的回答/帮助，我找到了答案。谢谢