jquery - 导航和内容重叠方式的问题

标签 jquery html css navigation overlapping

提前致谢。

我有一个导航栏,当您将鼠标悬停在它上面时,它会滑出,与页面其余部分的内容重叠。这与其中的大部分内容完美配合,但是当我在屏幕上放置 flash 或 jquery 元素时,所述元素会显示在导航中。

我知道解决此问题的一种方法是将导航栏 html 置于其他导航栏下方,但另一种方法会更好。

最佳答案

如果没有特定的代码示例(或演示页面的链接),几乎不可能排除故障。但是,有一些一般的事情需要知道:

  • jQuery 或 Flash 元素的问题通常会有不同的独立解决方案。
  • JavaScript UI 元素几乎可以附加到文档的任何部分,因此更改 HTML 顺序无论如何都无济于事

和实际建议:

  • z-index CSS 属性显然是尝试解决问题的首选。您可能需要将更高的 z-index 应用于您想要“位于顶部”的元素。 (注意,某些 JS 会动态更改 z-indexes)。 Z-index 是善变的野兽,可能不会为您做任何事情。

关于jquery - 导航和内容重叠方式的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8283904/

相关文章:

jquery - 溢出 div 内容需要灵活的高度

javascript - 图像映射中的纯 CSS 数据工具提示(jquery?)

javascript - 如何使用 Javascript 撤消 onMouseOut?

jquery - 根据单个页面上的位置更改导航栏 CSS

javascript - 如何使用 jquery 动态更改 wordpress 网站中 div 的背景?

javascript - 具有不透明度淡入/淡出的全屏黑色背景

javascript - 如何使用 AngularJS 以编程方式创建 URL

jQuery 汉堡菜单没有出现

javascript - 如何使用 javascript 选择悬停元素的 (a) 个子元素?

javascript - 如何遍历列表并添加图像