发布时间:2019-09-19 03:30:50
通俗点讲CSS Sprite就是将多个背景图片拼合到一个图片上。然后在CSS里通过position定义到该图片上,实现多个位置的背景,一张图片搞定
如:
.div,.current{background:url(a.gif) no-repeat}
.current{background-position:10px 10px}
好处就是浏览器只需要请求一次图片就行,如果多个图片,就要讲求多次。
缺点就是拼合的时候,比较麻烦,要有耐心,当然也是可以利用某些工具来完全。
类似这样的,就是CSS Sprite