图片左边的的网易云音乐多端下载,检查了元素看不到图标是怎么出来的,发现个有意思的, 红圈框住的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,当然这里有没有这个作用
- 1 回答
- 0 关注
- 1465 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消