【问题标题】:Div hides behind a div with "position:fixed"?div 隐藏在带有“位置:固定”的 div 后面?
【发布时间】:2013-06-07 01:05:07
【问题描述】:

所以我目前正在为学校建立一个网站,并且我已经将导航栏固定,但现在 div 滑动到导航栏后面,它真的不那么明显,但它只是让我烦恼。有谁知道有没有办法解决这个问题?

无固定定位:http://prntscr.com/18kufb

固定定位:http://prntscr.com/18kurb

网站:http://penguin.baileywhite.vacau.com

CSS 文件http://penguin.baileywhite.vacau.com/library/css/style.css

我知道要修复的东西太多了,这真的让我很烦恼,如果有人可以帮助解决这个问题,我们将不胜感激。

谢谢!

贝利。

【问题讨论】:

  • 什么是 z-index?是css吗?
  • z-index 是 css,但这会将 div 移动到导航栏的顶部,这可能不是您想要的。尝试使用 css "Position: relative; top: Xpx;" 定位内容潜水。将 Xpx 替换为导航栏的高度。这应该可以解决问题。
  • 是的,没看到照片,只是以为他的意思是有东西遮住了他的菜单。
  • MDN 很好地解释了堆叠的概念:developer.mozilla.org/en-US/docs/Web/Guide/CSS/…

标签: html css position positioning


【解决方案1】:

.pure-g-r 上设置margin-top: 36px; 和在您的#nav 上设置top: 0;。这将确保您的导航始终停留在窗口顶部。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-11-19
    • 2011-04-19
    • 1970-01-01
    • 2011-09-25
    • 2019-07-17
    • 2017-05-04
    • 2021-06-11
    相关资源
    最近更新 更多