這個問題就涉及了我們通常說的技術套路（模式）
首先說一下為什么不用直接圖片（用背景圖的好處）？
1、用背景圖可以直接使用CSS控制，保證html文檔干凈，使html只容納內容結構，而用CSS控制樣式。
2、用CSS控制所有，這樣更換模板很方便，html不用調整（內容和結構是穩定的嘛）
3、背景圖可以合并，通過定位選取，這樣優化請求
不過以上最重要的是保持html（內容和結構）穩定，————容顏易改我心如一。

知道了用背景圖是好的選擇之后，那么問題來了， 挖掘機技術哪家...?
為什么設置了文本，而又隱藏掉呢？ 因為 a 是內聯元素， 內聯元素有個特點就是：如果元素里沒內容，我是沒有高度的哦。 如果沒有高度，設置了背景又怎樣呢，你啥也看不到。雖然有讓它有高度的方法（block之類的），但這些方法改變了元素類型有時帶來副作用，所以嘛最簡便的還是加上文本再隱藏掉（比如text-indent: 110%;之類的），這樣皆大歡喜。
對了，另外在開發的分工合作中，HTML和CSS編程者可以方便的適用合適字體大小占據需要的位置，能夠保持文檔結構合適，留下的那個空就可以安心的交給美工妹妹去設計圖片。