偷窥一个网站代码产生的疑问？background和text-indent: -999em作用？

Question

那个a标签纯粹放的就是这个background的图片，又没有文字，设置文字缩进有什么用？

Answer 1

把<a>的文字向左移出显示区域。

这是一个平稳退化。既保证<a>Text</a>中间的文字存在（搜索引擎可识别，盲人读屏软件可读，甚至是样式崩溃时可点击），又能在正常浏览时保证这些文字不出来。

也有用font-size:0px做出类似效果的实现。但font-size即使为0，字体在个别浏览器上仍然只会变成极小的黑点而不能彻底消失，所以通常用font-size都和text-indent联用。

background就是典型的CSS sprite了，没有什么特别的。

Answer 2

设置缩进是文字存在且不显示的兼容方案之一，和设置文字字号 文字透明一样 兼容不同的浏览器

Answer 3

text-indent:-999999...em;
--隐藏标签中的文字

Answer 4

帮助一些读屏软件，同时做一些语义化。

Answer 5

只是为了平稳退化，保证在不支持CSS的浏览器中更友好的显示