为什么我的顶级酒吧形象不是高于所有其他元素？

Question

我正在创建一个包含顶部图片和页脚图片的网站。页脚图像位于每个元素上方，但顶部图像不是。在这里你有它的代码。

.header {
  top: 0px;
  background-image: url('http://oi57.tinypic.com/2me730z.jpg');
  background-repeat:no-repeat;
  background-position:center;
  position:absolute;
}

Answer 1

只需向z-index班级添加.header：

.header {
    top: 0;
    background-image: url('http://oi57.tinypic.com/2me730z.jpg');
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    z-index: 1;
}

Answer 2

添加z-index：

.header {
top: 0px;
background-image: url('http://oi57.tinypic.com/2me730z.jpg');
background-repeat:no-repeat;
background-position:center;
position:absolute;
z-index:10
}