圖片左邊的的網(wǎng)易云音樂多端下載，檢查了元素看不到圖標是怎么出來的，發(fā)現(xiàn)個有意思的， 紅圈框住的text-indent被設(shè)為-9999px。 謝謝各位了！示例網(wǎng)址https://music.163.com/#/playl...
1 回答
ITMISS
TA貢獻1871條經(jīng)驗 獲得超8個贊
1.圖是怎么來的？
這個圖是a標簽的父級元素ul的背景圖里的，背景圖是一張雪碧圖定位定出來的。
2.這個-9999px有什么用？我只能靠平時-9999的作用去猜測網(wǎng)易為什么在這里去做-9999
可能因為這個a標簽是要被點擊的，而且有hover事件，所以一定要有一定的寬高，所以會變成一個block型，既然會有寬高索性內(nèi)容寫個pc，還能讓文檔更有語義化-9999只是這個文字不展示，但是文字還是在的，從理論上來說還是會被搜索引擎爬到的，也有利于seo，當然這里有沒有這個作用
添加回答
舉報
0/150
提交
取消