css - 修复了头部和菜单问题

标签 css menu position fixed head

我们在网站上制作了固定的头像和菜单。 但是菜单有点透明,所以基本上内容会通过我们的菜单。

有没有办法把它剪掉。基本上,内容只是停留在菜单上。 当您滚动时,您的头部是固定的,但内容不会看透或(在侧面)。

谢谢! 网址:http://sea-and-wetest.netserver11.net/

最佳答案

我看到背景图像来自实际标签。

所以,你可以做的是再次添加相同的图像,使用相同的 css 样式,除了它的高度,它应该等于标题和菜单栏组合的高度,并且应该从堆叠上下文的 Angular 来看,在标题和菜单栏下方,但在内容正文上方。

这是玩弄 html 上元素的顺序并选择正确的 z-index 的问题。

关于css - 修复了头部和菜单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13070859/

相关文章:

javascript - 展开菜单以展开/折叠所有菜单,无论它们是展开还是关闭

javascript - 当我拖动光标时动画会卡住

html - 修复了容器 div 中的文本滚动

jquery - 位置:固定水平滚动

javascript - 使用 CSS 模块定位 next.js 中的纯元素

javascript - 单击菜单选项后卡住悬停 onclick

javascript - 如何在应用切换点击功能之前默认在页面加载时隐藏具有特定类的 ul li

javascript - 触摸设备的 CSS 按钮?

html - 高级菜单项的问题

css - 调整窗口大小时,如何使 div 及其文本消失?