html - 带有图像的 CSS 按钮，可以不调用图像吗？

Question

我想在我的网站上开始使用这样的按钮:

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

但我想避免发出图像请求...是否有一种浏览器保存方式可以让我在 CSS 中使用数据/图像作为图像标签？或者那里可能没有图像标签？使用带有 sprite 背景图像的 SPAN 是否安全？

想法谢谢？

Answer 1

span sprite 也可以，但可能更简洁的方法是设置 button[name=save] 本身的 background-image。你需要确保 Sprite 有足够的透明空间来放置按钮旁边的文本，我想还有边距。您还想适本地设置按钮的样式，例如它的边框，这样它就不会使用丑陋的浏览器默认设置，一旦你给按钮一个背景图像就会生效。