html - 我正在尝试在图像顶部重叠导航栏

标签 html css

我一直在玩我的边缘,但它没有让步。我将导航栏的 z-index 设置得更大,但它不会在图像上重叠。

最佳答案

这应该可以帮助您,适应您的需求: HTML

<html>
    <body>
        <div class="nav">
        </div>
        <img class="img-under">
    </body>
</html>

CSS

.nav {
  position:absolute;
  background-color:#000000;
  width:100%;
  height:30px;
}
.img-under {
  background-color:#e3e3e3;
  height:60px;
  width:200px;
}

关于html - 我正在尝试在图像顶部重叠导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24197612/

相关文章:

html - 带框架的 CSS 动画阻止 :hover

javascript - 强制图像 div 容器在自定义图像框布局内拉伸(stretch)

java - Action实例变量名与jsp标签的哪个属性匹配(id或name)?

css - 如何在 CSS 中使用 SVG 符号?

javascript - 仅在移动设备上更改网站结构和 div 位置

javascript - Chart.js 条形图中的默认视觉样式

javascript - 计算 DIV 元素的最大/最小高度

jquery - 如果类不可见,则 HTML 显示元素

jquery - 带有固定标题和第一列的 Twitter Bootstrap 表

html - 这种模糊是如何工作的