最近我在查找wiki的时候看到了这样有趣的东西：

编辑

右侧的空洞骑士护符居然不能选中，周围的文本都是可以复制的，我对此十分感兴趣，因此利用元素定位找到了这个图片的位置：

编辑

可以看到，这里使用了一个行内空标签，然后设置了行内的style样式，只需要点开background里的url，就可以看到背景图片了。

如果只是这么简单的事情，我是不会写这篇文章的。

当你点击链接访问进去，会发现原图其实是一堆护符的整图。如果你接触过unity2d开发，一定知道贴图集切割精灵实现图片转化为行动动画的功能。

编辑

回过头来，我们再来看一下这个css代码块：（这里把style写进了p标签，只作展示）

1
p{
2
    display:inline-block;
3
    vertical-align:middle;
4
    width:150px;
5
    height:150px;
6
    background:url(https://huiji-public.huijistatic.com/hkss/uploads/1/13/HK_Charms_Sprite.png)
7
    -900px -300px/1350px 900px;
8
}

前面的样式主要是设置图片的位置和大小的，我们不做多分析。background属性的最后设置了两串像素格式。

第一串是-900px -300px，这意味着图片显示区域向左移动900px，向上移动300px。后一串数字则是背景显示的大小，如果保存图片，你会发现原图的大小就是1350px/900px：

编辑