我有一个带有HAML的Rails 3.1应用程序,我正在尝试设置带有其他网站链接的主页。我的Haml代码如下:
.home-container
%section.news
%a{:href => "http://www.google.com"} Google
该页面是向应用程序让步的主页,并且有一个侧边栏部分,在它具有Twitter提要之后进行渲染。我已经为包括普通html在内的链接尝试了大量语法,但我得到的只是文本,链接实际上是不可点击的,所以当我点击它时什么都不会发生。我在Firefox和Chrome中都测试过它,我可以在检查器中看到它是一个实际的链接,尽管我可以直接检查元素,但我必须打开正文、div等。谷歌搜索完全没有结果。
我不知道发生了什么,也不知道还有什么其他可能的相关信息。如果需要更多细节,请告诉我。
所以在朋友的帮助下,问题出在CSS上。具体地,主容器的内容被赋予-1的z索引,并且头部和图片在没有任何相对定位的情况下获得1和2的z索引。所以内容被放在标题内容后面,所以我无法点击任何链接。从内容中删除-1的z索引后,它现在可以工作了,我可以单击链接。为了添加z索引,我将内容设置为1,将标题设置为2,并添加position:relative;到两者的css。
try
.home-container
%section.news
%= link_to 'Google', "http://www.google.com"