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