基础CSS与菜单冲突

Question

我在我的一个项目中使用基础框架。我还使用其他一些CSS作为外部菜单（不是由zurb基金会）。但我的菜单css与基金会large-12 columns相冲突，并产生了如下结果。

http://i.stack.imgur.com/GCFKE.png

但是当我不拿大12列时，一切顺利如下。

http://i.stack.imgur.com/CPvPo.png

任何团体都得到了解决方案，以便css不会发生冲突，我也可以通过使用基础大12列来获得结果，如图2所示。

Answer 1

z-index设置确定哪个元素将显示在顶部 - 堆叠顺序，将其设置为弹出菜单中的值100。

在css中添加z-index: 100到你需要的任何元素。您没有共享代码，因此我无法判断您是否还需要设置position。

您正在使用的css菜单中可能包含有关堆叠的文档以及其中一个示例中的z-index。