如何将 URL 附加到图像答案

【问题标题】：How to attach an URL to an image如何将 URL 附加到图像
【发布时间】：2015-04-13 23:56:56
【问题描述】：

我尝试了不同的方式在我的 rails 应用程序中显示图片，当用户点击它时，他应该被重定向到我指定的 URL。

我试过这个方法，“rails方法”

<li <%= link_to new_gig_path %><%= image_tag 'v.png' %></li>

只显示图片，但图片不可点击。

比我试过这个“HTML 方法”<a href="the redirect url"><img src="link to an image"/></a>

它按我的意愿工作，图像出现了，当我点击它时，它重定向到我想要的地方。问题是它被包裹在<a></a>标签中，但我需要将代码包裹在@ 987654324@标签，

注意：我也尝试将<a></a> 标签包装在<li></li> 标签中，但它破坏了我的设计，我确实需要它只是在<li> 标签中

查看我的导航栏，您会看到我的导航栏是在 <li>tags 中构造的

#instead of this comment I want to put the code,i am asking help with
<li><%= link_to '+Add Box', new_gig_path, id: "addgig" %></li>
<li><%= link_to 'Edit Profile',edit_user_registration_path, id: "menu-overwritten" %></li>
<li><%= link_to "Log out", destroy_user_session_path, :method => :delete, id: "menu-overwritten"%></li>

更多信息：我也试过这个方法

<li><a href="url link to redirect"><img src="a link to an image" height="30" width="159" ></a></li>

这一次效果也很好，但我认为如果我离开这个方法它不会有响应。这绝对不是 Rails 方式。 谢谢。

【问题讨论】：

如果我理解正确，你需要你的 HTML 像 <li><img /></li>。如果它像<li><a><img /></a></li> 它对你不起作用？
<li><a><img /></a></li> 效果很好，但它破坏了我的布局，因为它包含<a> 标签，请查看我的更多信息，在问题的最后，我的最后一种方法，有效，但我认为这是错误的方法，从长远来看。
我认为首选的方法是使用<li><a><img /></a></li> 并尝试修复布局。但如果修复布局需要大量工作，我只能考虑使用 JavaScript 的解决方法。您在寻找纯 HTML 的解决方案吗？

标签： html css ruby-on-rails ruby ruby-on-rails-4

【解决方案1】：

<li>
  <%= link_to new_gig_path  do %>
    <%= image_tag 'v.png', class: 'your-class' %>
  <% end %>
</li>

【讨论】：

要调整图像，我需要编辑 css，如何在代码中添加 id 或类？谢谢