我有一个缩略图,链接到一个带有文本标题的博客文章条目。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>
这很有效。