我试图将徽标放置在我在css中创建的菜单栏上方，但是我尝试将徽标始终放在菜单栏下方，我试图实现在菜单栏中央带有徽标的菜单栏。
我的CSS代码是；
#bar {
margin-top:50px;
width: 1920px center;
height: 30px;
background: #2E2E2E;
border: 3px groove #FFD700;
}
#logo {
background-image:url(../img/LOGO1.png);
background-size:150px;
width:150px;
height:150px;
margin:0 auto;
}
和html是;
</head>
<body>
<div id="bar">
</div>
<div id="logo">
</div>
</body>
</html>
感谢您的任何帮助
最佳答案
Z:index是你的朋友
http://jsfiddle.net/BrvL2/1/
#logo {
position:absolute;
background-image:url(http://placehold.it/150x150/f16b20/ffffff);
background-size:150px;
width:150px;
height:150px;
margin:0 auto;
z-index:999;
top:0px;
margin: 0 auto;
left:0px;
right:0px;
}