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

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中，它应有帮助。

祝你学校的项目好运！

最好的问候，凯文