html - 图像被放置在导航子菜单的顶部

Question

在设计我的网站(为我的学校元素)时，我发现我的图像在激活时一直位于导航子菜单的顶部。有什么帮助吗？

Here is a visual picture of what I am talking about

旁注:关于将文本包装到 div/p 标记中以在笔记本电脑上正确对齐的样式，有什么建议吗？

Answer 1

如果我对您的问题的理解正确，那么您希望笔记本电脑的图像保留在导航栏后面，对吗？如果是这样，那么您就可以使用 z-index CSS 属性。

引用: https://www.w3schools.com/cssref/pr_pos_z-index.asp

z-index 越高，放置的位置就越靠前。 z-index:100 的元素将显示在 z-index:99 及以下的元素之上。

将你的导航栏的 z-index 设置为 100 左右，然后你确定它总是在前面，就像这样:

.nav {
     z-index:100;
}

将此代码添加到您的导航栏 css，它应该会有所帮助。

祝你的学校元素顺利!

最好的问候，凯文