Question

我已在使用prettyPhoto的应用程序中安装了Foundation。

问题是顶栏菜单被禁用（悬停，链接和下拉列表在某些页面上都被禁用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似乎不会导致其他页面位置的问题......

如何使这两组功能共存？

Answer 1

问题不在于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属性一切都应该没问题

Javascript与Foundation冲突

1 个答案: