与基金会的Javascript冲突

我已将Foundation安装在使用prettyPhoto的应用程序中。与基金会的Javascript冲突

的问题是顶栏菜单中禁用（悬停，链接，下拉全部禁用as per this page here在某些页面，而任何其他for example here页面上的功能都完全支持。

我已经分离的问题下面生成的代码：

<a href="/uploads/catalog/image/8/3210.jpg" rel="prettyPhoto[]" title="3210F - Women&#x27;s-T 80/20"><img alt="Base_3210" src="/uploads/catalog/image/8/base_3210.jpg" /></a>

如果它被删除，函数返回我相信这是一个JavaScript的问题，因为链接和CSS似乎不会引起其他页面位置的问题...

这两组函数如何共存？

来源

2014-06-05 Jerome

问题不在于JavaScript冲突。这是因为

<div id="container">

根据CSS

#container { 
    margin: 0 auto; 
    position: absolute; 
    padding-top: 50px; 
    padding-left: 142px; 
    z-index: 300; 
}

您的z-index是300，这意味着它的一切，包括几个菜单选项的顶部。删除你的z-index属性一切都应该很好

来源

2014-06-06 06:33:43 Sudheer

就是这样。考虑到顶部填充，我们并不期待这样的结果。期待它毫发无损地通过。实际上我有背景图片需要在容器下面，所以我确实切换了一些z-indicies。容器css现在位于标题css下方，但位于页脚css之上。 Z-indicies可以保留，但它们必须正确分层。好的教训。感谢名单！ – Jerome

很高兴我能帮忙.. :) – Sudheer

与基金会的Javascript冲突

回答

相关问题