0

听; 我已阅读并阅读，但找不到适合我的问题的答案。

我在我的网站http://www.houdi.se/video.shtml上使用 Fancy Box，但是当单击视频链接（其响应式）时，Fancy Box 出现在菜单下的问题。在浏览器中查看没有问题，因为它已填满。但是当缩小浏览器时，菜单问题就出现了。还可以在 iPad 上观看热门视频。

我正在为网站使用 ProjectSeven 的 Adaption-plugin。这是一个响应式 CSS 布局：http ://projectseven.com/products/templates/pagepacks/adaptations/index.htm

该插件还使用 Project Seven 的 Pop Menu Magic 2 作为菜单。

我不是代码向导，但我尝试增加 z-index 但它没有用，或者我没有增加裂痕？

现在已经花了几个小时来解决这个问题，并且很高兴我能得到所有帮助。告诉我你想看（或必须看）什么代码。

4

3 回答 3

0

从此包含菜单的 div 中删除 z-index：

<div id="p7PMM_1" class="p7PMMh19" style="position: relative; z-index: 999999;">

于 2013-01-16T14:50:22.787 回答
0

我不是专家，但查看导航栏的 css 文件时，您没有任何 z-index，因此您可以尝试添加它。

你花哨的盒子 css 文件有几个，最低的是 z-index: 8010; 因此将您导航到下方应该可以解决它。

尝试使用此代码：

    .navigation {
    background-color: #000000;
    background-image: url(images/chameleon.jpg);
    background-repeat: no-repeat;
    background-position: 0px -60px;
    position: relative;
    z-index: 90;
    }
于 2013-01-16T15:09:21.413 回答
0

菜单位于 fancybox 顶部的原因是您在页面上包含脚本 7PMMscrips.js，该脚本操作主菜单的 z-index 和 position 属性。

解决此问题的一种简单方法是将以下 css 添加到您的主 css 文件中：

#p7PMM_1 {
    position: static !important.
}

这可以解决问题，但我不建议这样做，因为使用 !important 是一种非常糟糕的做法。您可以在此处阅读有关原因的更多信息：在 CSS 中使用“！important”的含义是什么？.

如果我在哪里，我会考虑删除此脚本并仅使用纯 css 创建主导航。

于 2013-01-16T14:55:09.557 回答