如何在图片上添加文字？

我只是想在图像上添加一些计算结果。所以我需要设置背景图片的文字。但我试了好几次，图片仍然无法显示。代码是如何在图片上添加文字？

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

2013-08-06 Rida

首先，你有一个在你的CSS错别字=image之后应该换成:：

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

其次，没有必要这样做。这应该工作：

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

正如其他人所说，你将propably必须设置你的样式表的width和height<div>。

2013-08-06 09:20:30 Agis

谢谢。它现在有效。 – Rida

这些添加到您的样式属性也

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

显然，宽度和高度为那些你的形象，或大于

2013-08-06 09:18:57

我以前尝试的宽度和高度一试。该页面有一个为div的空白字段。但图像无法显示。我不确定图片地址是否会带来问题。但image_tag（“/ images/1.jpg”）可以正常工作。 – Rida

请与

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

2013-08-06 09:24:10

回答