帶圖像的CSS按鈕，可能無法調用圖像？

Question

我想開始使用像這樣在我的網站按鈕：

<button type="submit" class="positive" name="save"> 
    <img src="images/apply2.png" alt=""/> 
    Save 
</button> 

，但我想，以避免使圖像的請求......有沒有一種瀏覽器保存的方式，我可以用一個數據/圖像標籤在CSS中的圖像？或者可能沒有圖像標籤嗎？將span與sprite背景圖片一起使用是否安全？

想法謝謝？

Answer 1

span sprite也可以工作，但可能更乾淨只是設置button[name=save]本身的background-image。您需要確保精靈對按鈕旁邊的文本有足夠的透明空間，並且我認爲邊距是足夠的。您還需要適當地設置按鈕的樣式，例如它的邊框，這樣它就不會使用一旦你給按鈕一個背景圖像就會生效的醜陋的瀏覽器默認設置。