html - 我的图片不会悬停在我的 Div 上，即使是 "position: absolute;"和 "postion: relative;"

Question

我已经用“position: absolute;”试过了& "职务: 亲戚;"但它仍然不起作用。 感谢您的帮助!

html:

<div id="blackBar"></div>

<div class="banner_img"> <IMG SRC="img/banner.png"> </div>

CSS:

.banner_img img {
width: 100px;
height: auto;
       margin:0px;
   display: block;
margin-left: auto;
margin-right: auto


}



#blackBar{

position:fixed;
top:0;
left:0;
width:100%;
height:60px;
background-color:black;

   }


  html{
 height:173px;
  }

Answer 1

您应该能够更改任何定位元素的 z-index。将条形图的 z-index 设置为 -1 会将其显示在 img 后面。您可以阅读有关此属性的更多信息 here