Html 如何将徽标覆盖在图像上？使用css

正如你所见，徽标显示在背景图像上方，但我希望它位于背景图像的中心

这是我的标题，背景需要从页面顶部开始，在菜单之前结束。徽标需要显示在背景图像的中心。 我尝试了很多，但也许有人有类似的问题，可以帮助我解决这个问题

这张图片显示了它几乎可以工作，但它在背景后面

$function{ $datepicker.datepicker； } ; 身体{ 背景色：cdcdcd； 宽度：100%； 保证金：0自动； } img.logo{ 高度：130像素； 位置：绝对位置； 保证金：自动； 显示：块； 顶部：80px； 左：0； 右：0； } 标题{ 宽度：100%； 位置：相对位置； 文本对齐：居中； } /*旋转木马样式*/ .carousel div[类别^=幻灯片]{ 高度：100px； 宽度：100%； 背景重复：无重复； 背景位置：中心； 背景尺寸：封面； 位置：相对位置； z指数：-1 } .幻灯片1{ 背景图片：url'styles/3.jpg'； } .幻灯片2{ 背景图片：url'styles/2.jpg'； } .幻灯片3{ 背景图片：url'styles/1.png'； } 使用位置：相对/绝对

img.logo{ 高度：90px； 位置：绝对位置； 保证金：自动； 显示：块； 顶部：80px； 左：0； 右：0； } 标题{ 宽度：100%； 位置：相对位置； 文本对齐：居中； } /*旋转木马样式*/ .carousel div[类别^=幻灯片]{ 高度：110px； 宽度：100%； 背景重复：无重复； 背景位置：中心； 背景尺寸：封面； 位置：相对位置； z指数：-1 } .幻灯片1{ 背景图片：url'//placehold.it/500'； } .幻灯片2{ 背景图片：url'styles/2.jpg'； } .幻灯片3{ 背景图片：url'styles/1.png'； }

---

可能重复我尝试了你的方法，但我认为图像不会显示在前面，但是如果我使背景变小，徽标底部就会出现。背景现在正在覆盖徽标。您试图编辑我的答案，您需要编辑您的问题。编辑必须经过审阅，但您的代码几乎起作用。它仅显示在背景后面，因此只有徽标必须显示在背景上。职位不错，我找到了！，你把背景放在z-index-1上；我在1上贴上了z-index标志，正在工作，谢谢你是否在背景上设置了z-index:-1？