Я попробовал и нашел более простой способ сделать это. Вот HTML:
<img id="message_icon" src="messages2.png">
<p id="empty_para"></p>
То, что я сделал, это поместить пустой тег <p>
после моего тега изображения. Теперь я буду использовать p :: before, чтобы показать изображение и поместить его в соответствии с моими потребностями. Вот CSS:
#empty_para
{
display:inline;
font-size:40;
background:orange;
border:2px solid red;
position:relative;
top:-400px;
left:100px;
}
#empty_para::before
{
content: url('messages.png');
}
Попробуйте.