Rails - 链接不能在某些页面上工作？

Question

我上传了我的网站，您可以在http://origin-of-foods.com

查看

问题是，当我在食物页面上时，我的导航栏链接无法正常工作！在任何其他页面上，7个随机食物链接将起作用。

实际上，我注意到前1/7的食物链接起作用，但也不是整个单词。我试着将我的z-index向上移动，但事实并非如此。 导航条代码存储在/app/views/layout/application.html.erb

中

有谁知道发生了什么事？

我正在使用Rails v4.2，Ruby v2.1.3，unicorn v4.8.3，nginx v1.6.2

Answer 1

它不起作用的原因是因为你的css到处都是你所有相对和绝对的位置然后使用边距有多个元素放在导航栏的顶部，这就是为什么你不能点击它们。下图显示了一个实例，但我查看了更多元素，它们也与导航栏重叠。你也应该真正理解位置相对和绝对定位是如何工作的，我希望我能指出你正确的方向。

http://www.w3schools.com/css/css_positioning.asp