如何解决样式按钮和按钮:从透明png悬停
| 有一个按钮,它的样式(背景)从同一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;
解决方法
他们正在使用一种称为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/