通过text-indent:-9999px 将字体隐藏问题

Posted cloudvin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过text-indent:-9999px 将字体隐藏问题相关的知识,希望对你有一定的参考价值。

有时候在浏览一个网站时,点击导航栏的logo就能跳转到首页,通常这是用的a标签来链接,分析网页源码会发现a标签之间有文字内容,但是网页上却没有显示出来,看了下css样式中有一个{text-indent:-9999px},这个声明就是将字体隐藏了。一般网页为了传达更好的视觉效果,常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此需将图片上的字体隐藏。(注意:只能用于block,table cells和inline-block)

以上是关于通过text-indent:-9999px 将字体隐藏问题的主要内容,如果未能解决你的问题,请参考以下文章

css text-indent:-9999px;代替

CSS隐藏多余文字的几个方法

css 替换“text-indent = -9999px”HACK

CSS技巧: CSS隐藏文字的方法(CSS text-indent: -9999px;)

图片展示失效容错处理

隐藏文字的CSS方法