带图像的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。您需要确保精灵对按钮旁边的文本有足够的透明空间，并且我认为边距是足够的。您还需要适当地设置按钮的样式，例如它的边框，这样它就不会使用一旦你给按钮一个背景图像就会生效的丑陋的浏览器默认设置。