4

私の当初の意図は、画像にテキストを表示することでした。同時に、画像をクリックすると、Web ページがリダイレクトされます。そして、背景画像を含む div で link_to 関数を使用します。コードは次のようになります。

 <%= link_to raw('<div style="background-image:url(<%= image_url  '1.jpg'%>);width:340px;"> This is a  test</div>'),index_by_dvp_domain_path %>

しかし、システムは SyntaxError があることを教えてくれます。

4

5 に答える 5

4

表示したいコンテンツを含むブロックに link_to を渡すことができます。link_to(display, url, options={})だから、あなたができるところに行く代わりにlink_to(url, option={}, &block)。

<%= link_to index_by_dvp_domain_path do %>
  <div style="background-image: url(<%= image_url '1.jpg'%>);width:340px;"> 
   This is a  test
  </div>
<% end %>

これを行うと、通常の html のように扱うことができます。

いつものように、スタイルを独自の個別のスタイルシートに移動することをお勧めします。

于 2013-08-06T09:53:21.567 に答える
0

複数のタグを含む大きなブロックがある場合でも、次のように Link_to を使用すると、はるかに簡単になると思います。

<%= link_to desired_path do %>
    <div class="linkable">
        <another div>
             ... some other tags
        </another div>
    </div>
<% end %>

また、マウス オーバー イベントには別の背景色を使用することをお勧めします。これにより、ビューアーにリンクであることが示されるからです。

あなたの.cssファイルで：

.linkable:hover{
    background-color: red;
}
于 2016-04-15T06:17:55.123 に答える