显示在图象里面的文本

Question

如何在PNG图像中添加未读消息计数？可以在http://s11.postimg.org/6niiwdakv/login_icon6.png

查看图片

头：

        span Messages
        =image_tag "login_icon6.png", class: 'img4'

未读计数码：

= current_user.mailbox.inbox(:unread => true).count 

Answer 1

您可以尝试使用未读计数的ID创建标记，然后将该标记的背景图像设置为图像。 我不记得HAML语法，但有点像：

#count=current_user.mailbox.inbox(:unread => true).count 

和你的css

#count {
    background-image: /dir/img.png
}