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

haolt00 2020-07-04

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

相关推荐