在HTML中使用sprite图像的正确方法是什么？

假设我们有一个要求，即图标图像元素需要在HTML中显示，因为我们需要为一些屏幕阅读器指示图标的存在，并且最好让它们像IMG标记一样，而不是像I或plain DIV一样

我们有

sprite.png

和

empty.png

图像。empty.png用于创建假空白图像（将显示精灵图像，因为它是我们元素的背景）

在css中，我们有类

.icon {
    background:url('sprite.png') 0px 0px;
    width:20px;
    height:20px;
}

然后我们在HTML中使用如下内容：

<img src="empty.png" class="icon" alt="Image from Sprite is Shown" />

我们是否可以用其他方法，使用“sprite.png”作为图像源，在带有css的img上设置任何掩码/剪辑属性

---

提前谢谢

背景图像

不采用后面的0px参数。你可能把它和

背景混为一谈了

要显示精灵图像的正确部分，请使用
background position
选择图像的正确部分

这里是一个简单的教程页面：
不是问题的答案，但感谢通知-将更改。