请问网易云音乐网页版的下载图标怎么做出来的？如图

Question

图片左边的的网易云音乐多端下载，检查了元素看不到图标是怎么出来的，发现个有意思的， 红圈框住的text-indent被设为-9999px。 谢谢各位了！

示例网址https://music.163.com/#/playl...

Answer 1

1.图是怎么来的？这个图是a标签的父级元素ul的背景图里的，背景图是一张雪碧图定位定出来的。2.这个-9999px有什么用？我只能靠平时-9999的作用去猜测网易为什么在这里去做-9999可能因为这个a标签是要被点击的，而且有hover事件，所以一定要有一定的宽高，所以会变成一个block型，既然会有宽高索性内容写个pc，还能让文档更有语义化-9999只是这个文字不展示，但是文字还是在的，从理论上来说还是会被搜索引擎爬到的，也有利于seo，当然这里有没有这个作用