在 ERB 中使用 link_to 生成的 HREF 不可点击答案

【问题标题】：HREF generated in ERB with link_to is not clickable在 ERB 中使用 link_to 生成的 HREF 不可点击
【发布时间】：2019-06-20 21:30:42
【问题描述】：

我正在使用 link_to 辅助方法通过 ERB 生成指向单个文章的超文本链接，但是当链接显示在视图中时，它呈现为 HREF 可点击链接，但它不可点击（箭头不甚至转向指针）

我已尝试操作 link_to 帮助器，特别是 article_path(:id)，但开发工具中的 href 路径正在使用下面的代码呈现正确的路径。

我还仔细检查了我的路线以及允许的参数。

<% @articles.reverse.each do |article| %>
  <div class="article_card">
    <div>
       <%= markdown(article.text[0..405]<<"...") %>
    </div>                        
  </div>
  # This is the link that isn't clickable
  <%= link_to 'Show full article', article_path(article) %>  
<% end%>

这就是它在开发工具中呈现的内容：

<a href="/articles/20">Show full article</a>

我希望呈现的 href 可以点击并获取文章/:id

【问题讨论】：

你可能有一些 CSS 正在这样做。检查您的链接，看看是否有类似cursor: default 或pointer-events: none...
@fanta 我刚刚仔细检查了我所有的样式表；任何地方都没有光标或指针事件
使用浏览器的开发工具检查元素，也许你在 A 标签上方有一些不可见的元素，也许你有一些 javascript 搞砸了，生成的 html 看起来不错，我不认为这是导轨问题
谢谢@arieljuod！我检查了父元素，祖先的 z-index 为 -2。猜猜这对我来说是个大问题。
希望 @arieljuod 能将他们的回复转移到答案中，以便我奖励他们。

标签： html css ruby-on-rails ruby

【解决方案1】：

使用浏览器的开发工具检查元素，也许你在 A 标签上方有一些不可见的元素，也许你有一些 javascript 搞砸了，生成的 html 看起来不错，我认为这不是 rails 问题

编辑：查看下面的 J.R. Bob Dodds 答案

【讨论】：

【解决方案2】：

感谢@arieljuod

问题是 CSS 问题。

在开发工具中检查 A 元素导致开发工具专注于 HTML 元素，而不是 A 元素。

查看作为 A 标记祖先的 div 元素的 CSS 规则，我注意到 z-index 为 -2，并且模糊地回忆起 z-index 影响其后代标记的可点击性。

我能够将 z-index 设置为 0，然后将正 z-index 添加到完全不同的元素，并重新获得链接的功能。

【讨论】：