Rails 4.0 link_to用链接覆盖图像



我有一个缩略图,链接到一个带有文本标题的博客文章条目。CSS 会稍微遮蔽图像,当用户将鼠标悬停在图像上时,它会稍微调整图像大小。用户可以单击标题或缩略图以将他们带到条目。

我无法在此处获得覆盖标签:

 <a href="single.html" class="overlay overlay-primary"></a>

在轨道link_to内生成

 <%= link_to(:class=>"overlay overlay-primary", id: entry) %>

图像是图形的一部分

 <figure class="entry-thumbnail">
    <a href="single.html" class="overlay overlay-primary"></a>
    <!-- to disable lazy loading, remove data-src and data-src-retina -->
    <% if entry.cover_photo_link.blank? %>
        <%= image_tag "placeholder.gif" %>
    <% else %>
        <%= image_tag entry.cover_photo_link %>
    <% end %>
    <!--fallback for no javascript browsers-->
    <noscript>
      <% if entry.cover_photo_link.blank? %>
          <%= image_tag "placeholder.gif" %>
      <% else %>
          <%= image_tag entry.cover_photo_link %>
      <% end %>
    </noscript>
  </figure>

完整的缩略图代码在此要点中

如何让图像链接以用于渲染link_to

  <a href="single.html" class="overlay overlay-primary"></a> 

解决方案很简单。将空白"放入link_to就可以解决问题

<%= link_to "", entry, :class => "overlay overlay-primary" %>

呈现:

 <a class="overlay overlay-primary" href="/entries/5"></a>

这很有效。

最新更新