jquery - 修复了重叠的 jquery 面板

标签 jquery html css

我对这个站点的计划是在页面上添加一个标题,该标题在您滚动浏览页面时保持不变。但要注意的是,此标题还需要向下滑动并显示一个面板,同时覆盖主要内容而不是将其向下推。我在标题和/或面板 div 上尝试过 position:fixed 但它以某种方式隐藏了滚动条。我也尝试过使用 z-index 但这没有任何效果。

如有任何帮助,我们将不胜感激。这是我的代码。

My HTML

And my CSS

最佳答案

您的 div#main_header 下似乎有一个没有结束标记的额外 div 标记。

我在我的 jsfiddle 中测试了它。

http://jsfiddle.net/Morlock0821/mfF4X/1/

我还从你的 #header CSS 中删除了 position:absolutetop:0 并添加了 position:fixed.

它似乎在起作用。

关于jquery - 修复了重叠的 jquery 面板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13921907/

相关文章:

javascript - 如何使固定的 float 元素停在#footer?

javascript - 未捕获的语法错误 : missing ) after argument list in attribute selector

javascript - 选择选项后无法显示隐藏的 div

html - 带有标题和编辑按钮的 html 框

javascript - 检查/更改背景位置

html - 加载音频时出现 ERR_CONTENT_LENGTH_MISMATCH

javascript - 为什么要使用 jQuery $(window).ready() 以及它与 $(window).load() 有什么不同

javascript - 如何在 html 表格单元格中找到部分字符串并将文本附加到该值

php - 如何在搜索引擎中检索图像?

jquery - 在没有用户代理嗅探的情况下检测移动浏览器