Question

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

我在我的网站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但它没有用或者我没有增加裂缝？

现在已经花了几个小时处理这个问题并且很高兴能得到所有帮助。只需告诉我您想要查看的代码（或必须查看）。

Answer 1

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

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

Answer 2

菜单位于fancybox之上的原因是因为您在页面上包含脚本7 PMMscrips.js，它操纵主菜单的z-index和位置属性。

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

#p7PMM_1 {
    position: static !important.
}

这可以解决问题，但我不建议使用它！重要的是一个非常糟糕的做法。您可以在此处详细了解原因：What are the implications of using "!important" in CSS?。

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

Answer 3

我不是专家，但是看一下导航栏的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;
    }

Fancy Box出现在CSS菜单下

3 个答案: