Question

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

我无法在此处获取叠加标记：

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

在rails 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>

完整的缩略图代码位于此gist

中

如何将图片链接到使用link_to渲染？

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

Answer 1

解决方案很简单。在link_to中添加一个空白“”就可以了。

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

呈现：

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

这很有效。

Rails 4.0 link_to用链接覆盖图像

1 个答案: