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

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

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


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

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

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

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


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


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


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


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

【热门文章】
【热门文章】