ruby-on-rails - 画像にテキストを追加するにはどうすればよいですか?

Question

画像に計算結果を追加したいだけです。そのため、背景画像でテキストを設定する必要があります。しかし、何度か試してみましたが、まだ画像を表示できません。コードは

  <div style="background-image=url(<%= root_url%>public/images/1.jpg)"></div>

Answer 1

まず、CSS にタイプミスがあります。その=直後を次のimageように置き換える必要があります:。

<div style="background-image: url(<%= root_url %>public/images/1.jpg)"></div>

第二に、これを行う必要はありません。これはうまくいくはずです：

<div style="background-image: url(<%= image_url '1.jpg' %>)"></div>

他の人が述べたように、おそらくスタイルシートに と を設定する必要がwidthありheightます<div>。

Answer 2

これらをスタイル属性にも追加します

width:150px;height:150px;display:block;background-repeat:none

明らかに、幅と高さは画像のもの、またはそれ以上です

Answer 3

是非お試しください

<div style="background-image:url('/images/1.jpg'); height: 300px; width: 500px;"></div>