精灵图定位

大家好，又见面了，我是你们的朋友全栈君。

.search em{ position: absolute; top:8px; right: 90px; width: 20px; height: 20px; background: url(…/images/sprite-search.png) no-repeat;

} .search em:hover{ background-position: -30px 0; /* 精灵图第一个值是X轴的值 第二个值是Y轴的值，基本上都是负的多少多少 */ }

精灵图本质： 用一张大图包含所有小图，最关键的地方在于使用backgrond-postion属性精确定位

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/139963.html原文链接：https://javaforall.cn