0

我有一个带有 HAML 的 Rails 3.1 应用程序，我正在尝试设置带有指向其他站点的链接的主页。我的 Haml 代码如下所示：

.home-container
  %section.news
    %a{:href => "http://www.google.com"} Google

该页面是应用程序的主页，并且有一个侧边栏部分在它之后呈现，具有 Twitter 提要。我已经尝试了大量的链接语法，包括常规的 html，我得到的只是文本，链接实际上是不可点击的，所以当我点击它时没有任何反应。我已经在 Firefox 和 Chrome 中对其进行了测试，我可以在检查器中看到它是一个实际链接，尽管我可以直接检查元素，但我必须打开 body、div 等。谷歌搜索完全没有结果。

我不知道发生了什么以及其他可能的信息是相关的。让我知道是否需要更多详细信息。

4

2 回答 2

2

所以在朋友的帮助下，问题出在 CSS 上。具体来说，主容器的内容的 z-index 为 -1，标题和图片的 z-index 为 1 和 2，没有任何相对定位。所以内容被放在标题内容后面，所以我无法点击任何链接。从内容中删除 -1 的 z-index 后，它现在可以工作了，我可以单击链接。要重新添加 z-index，我制作了内容 1 和标题 2，并添加了 position: relative; 到两者的CSS。

于 2013-02-06T05:32:53.727 回答
0 
try

.home-container
  %section.news
    %= link_to 'Google', "http://www.google.com"
于 2013-02-06T04:38:39.190 回答