通过text-indent:-9999px 将字体隐藏问题
有时候在浏览一个网站时,点击导航栏的logo就能跳转到首页,通常这是用的a标签来链接,分析网页源码会发现a标签之间有文字内容,但是网页上却没有显示出来,看了下css样式中有一个{text-indent:-9999px},这个声明就是将字体隐藏了。一般网页为了传达更好的视觉效果,常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此需将图片上的字体隐藏。(注意:只能用于block,table cells和inline-block)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步