样式按钮和按钮：从透明png悬停

Question

有一个按钮，它的样式（背景）从同一个PNG图像加载。 有人能告诉我它是如何运作的吗？

示例：

网站 - http://www.brushlovers.com/photoshop-brush/dotted-neon-lines.html

PNG - http://www.brushlovers.com/web/css/images/sprite.png

谢谢！

这些属性对此负责吗？

width: 19px;
height: 20px;
background-position-x: -209px;
background-position-y: -80px;

Answer 1

他们正在使用一种名为CSS Sprites的技术。

这是一个彻底的解释：

http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

这是一个专门指导如何使用这种技术制作按钮的教程：

http://inspectelement.com/tutorials/create-a-button-with-hover-and-active-states-using-css-sprites/