Я просто хочу добавить результат вычисления на изображение. Поэтому мне нужно установить текст с фоновым изображением. Но я несколько раз пытался, изображение все еще не отображается. КодКак добавить текст на изображение?
<div style="background-image=url(<%= root_url%>public/images/1.jpg)"></div>
Прежде всего, у вас есть опечатку в вашем 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> в ваших таблицах стилей.
Добавить их к своим стилей атрибут также
width:150px;height:150px;display:block;background-repeat:none
Очевидно, что ширина и высота быть те вашего изображения, или больше, чем
Я попытался ширину и высоту раньше. На странице есть пустое поле для div. Но изображение также не может отображаться. Я не уверен, что проблема с изображением вызывает проблему. Но image_tag ("/ images/1.jpg") может работать хорошо. – Rida
Пожалуйста, попробуйте с
<div style="background-image:url('/images/1.jpg'); height: 300px; width: 500px;"></div>
Спасибо. он работает сейчас. – Rida