我该如何在图像上添加文字？

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的{​​{1}}和height。

Answer 2

将这些添加到你的styles属性

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

显然，宽度和高度是图像的宽度和高度，或者大于

Answer 3

请试试

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