在圖像中顯示文字

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 
}