花式框出现在CSS菜单下

聆听;我已阅读并阅读，但无法找到适合我的问题的答案。花式框出现在CSS菜单下

我在我的网站上使用Fancy Box http://www.houdi.se/video.shtml，但出现问题，当点击视频链接（其响应）时，Fancy Box出现在菜单下。在浏览器中查看，填满后没有问题。但是，缩小浏览器时出现菜单问题。在iPad中查看顶级视频。

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

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

我不是一个代码向导，但我试图增加z-index，但它没有工作，或者我没有增加裂痕一个？

现在已经花了几个小时处理这个问题，并乐意为我所得到的所有帮助。告诉我你想看什么代码（或者看看）。从这个

来源

2013-01-16 user1958842

删除的z-index DIV包含菜单：

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

来源

2013-01-16 14:50:22

非常感谢你的努力帮助我out.Darn。它没有工作。试图在我的CSS文件中查找该实例。已经做了一些改变，但没有奏效。 – user1958842

的原因，菜单上的fancybox的顶部，因为你包括其操纵网页上的脚本7个PMMscrips.js主菜单的z-index和位置属性。

解决这将是刚刚下面的CSS添加到您的主css文件中以轻松的方式：

#p7PMM_1 { 
    position: static !important. 
}

这将解决这个问题，但我不会推荐它作为使用重要的是一个非常糟糕的实践。你可以阅读更多关于为什么在这里：What are the implications of using "!important" in CSS?。

如果我在哪里，我会考虑删除这个脚本，而只用纯CSS创建主导航。

来源

2013-01-16 14:55:09 lingonhatt

谢谢你试图帮助。非常感谢。添加到我的CSS文件，但它没有奏效。也许我做错了或错过了什么？ – user1958842

我没有专家，但看着你的导航栏的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-16 15:09:21 mally

谢谢你的帮助。补充说，但它没有奏效。也许我错过了正确的CSS文件？ – user1958842

我已经更新了我在我的服务器上测试过的导航条码。 – mally

花式框出现在CSS菜单下

回答

相关问题