为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

烙印99 2018-07-23 09:54:33
图片左边的的网易云音乐多端下载,检查了元素看不到图标是怎么出来的,发现个有意思的, 红圈框住的text-indent被设为-9999px。 谢谢各位了!示例网址https://music.163.com/#/playl...
查看完整描述

1 回答

?
ITMISS

TA贡献1871条经验 获得超8个赞

1.图是怎么来的?

这个图是a标签的父级元素ul的背景图里的,背景图是一张雪碧图定位定出来的。

2.这个-9999px有什么用?我只能靠平时-9999的作用去猜测网易为什么在这里去做-9999

可能因为这个a标签是要被点击的,而且有hover事件,所以一定要有一定的宽高,所以会变成一个block型,既然会有宽高索性内容写个pc,还能让文档更有语义化-9999只是这个文字不展示,但是文字还是在的,从理论上来说还是会被搜索引擎爬到的,也有利于seo,当然这里有没有这个作用


查看完整回答
反对 回复 2018-07-30
  • 1 回答
  • 0 关注
  • 1465 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信