css - Javascript 渲染冲突或错误

标签 css z-index

这是我不得不问的关于我的网站 build 的第二个问题,它涉及到我无法理解的 Javascript。

问题:

当用户突出显示菜单 (sprybar) 并导致下拉菜单出现在“关于我们”部分,然后单击图库中的图像时,spry 栏会以某种方式将自身覆盖在用户单击的图像上 - 非常烦人!

这里是网站的链接 http://sweetvision.co.uk/dynamicpages/gallery.html .

另外,我在这个网站 build 方面完全是个业余爱好者,所以不要笑得太厉害,所以任何其他的建议也会很棒!

如果需要代码,我会发布。

提前致谢。

最佳答案

您的菜单的 z-index 太高了(至少比灯箱的高)。

sweetvision.css:633

ul.MenuBarActive {
    z-index: 1000;
}

尝试完全删除此规则。

关于css - Javascript 渲染冲突或错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10971031/

相关文章:

css - 我无法让我的页脚全宽

asp.net - 拖动控制 Flash 电影问题?

css - 与图像重叠跨度

css - 将按钮和链接放在 particles.js 脚本(Z-index)上

flash - 嵌入式视频的IE9 z-index问题

css - 使用缩进使 CSS 更具可读性? (使 parent 和 child 在 CSS 中更容易识别)

javascript - 选择另一个 div 时隐藏内容

javascript - 在格式化网站的 javascript 编码选项卡中定位计时器创建的文本区域,该文本区域在计时器上重复

CSS 不展开

html - 如何使这个下拉菜单出现在它下面的文本上方