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>

正如其他人所提到的，您可能必须在样式表中设置widthand 。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>