有一个按钮,它的样式(背景)是从相同的 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://inspectelement.com/tutorials/create-a-button-with-hover-and-active-states-using-css-sprites/
关于css - 样式按钮和按钮 :hover from transparent png,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6152884/