我一直在尝试更新我的网站，并且在将图像实现到网站背景中时遇到了极大的困难。
我尝试创建两个div，每侧一个（我希望输出为image1-让我们将其命名为leftbg.png，然后将内容命名为中间，然后是image2-让其命名为rightbg.png，在右侧）。
因此，我将divs放在了体内：
<body>
<div id="leftbg">
<div id="rightbg">
content
</div>
</div>
</body>
在css文件中，我有：
#leftbg {
float: left;
width: 22.5% (body is 55%);
background: url(images/leftbg.png) no-repeat;
z-index: 999
}
但是，这不会产生任何结果。我认为这可能是因为我的身体代码已经包含背景，并且我尝试放置z-indexs，以使我的leftbg类在body类中占主导地位，但是我知道z-indexs存在许多问题。
这是正文CSS代码：
body {
font:11px "Trebuchet MS", Arial, sans-serif;
color:#666;
background:maroon url(image/backgrd.png);
z-index: 0;
}
任何帮助将不胜感激！
最佳答案
尝试将height设置为#leftbg。例：
#leftbg {
float: left;
height: 80px;
width: 22.5%;
background: url(images/leftbg.png) no-repeat;
z-index: 999
}