码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-04 20:57:58      阅读:53      评论:0      收藏:0      [点我收藏+]

标签:css样式   视觉   意义   好的   链接   标签   跳转   tab   table   

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

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

标签:css样式   视觉   意义   好的   链接   标签   跳转   tab   table   

原文地址:https://www.cnblogs.com/cloudvin/p/13236310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!