背景显示在其他一切上

时间:2013-07-03 18:34:50

标签: html css

我不明白为什么其他Div没有显示在背景之上。我需要背景来适应屏幕。

<title>The Ultimate Cube World Resource!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>   

 <div id="container">
 Test
 </div>   

<div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'>
  <img src='img/bfg.jpg' style='width:100%;height:100%' alt='[The Ultimate Resource for      
veryting Cube World! Also, we have a forum and soon a SERVER]' />
</div>


</body>

@charset "utf-8";
/* CSS Document */

#container
{
width:300px;
height:400px;
margin-right:auto;
margin-left:auto;
z-index:5;
}

1 个答案:

答案 0 :(得分:2)

z-index仅适用于定位元素。尝试将position:relative添加到您的规则中。

查看 jsFiddle example (尝试评论排名规则)