文本隐藏

Question

老师  我看到很多别人的代码里隐藏文字，是用的text-indent: -999em; 这样来解决的， 这种方式和您视频中的方式，前者是效率会很低吗？

Answer 1

姜维 2016-07-18 10:06:16

使用 text-indent，是以前很流行的隐藏文字方案，不过他有一些弊端：

1、有一点兼容和性能问题，比如在 iPad 1 上会有性能问题；

2、最主要的，是会影响 SEO，降低搜索评级。

所以视频里的是最新的替代方案，请不要再使用 text-indent。

参考：

http://nicolasgallagher.com/another-css-image-replacement-technique/

• 提问者 ZAnsder #1

  好的 明白了！ 谢谢老师，太赞了

• wangyimei #2

  老师，那为什么源码里面你对footer图片的文字还是使用的text-indent来隐藏呢？

• 姜维 回复 wangyimei #3

  那个简单粗暴处理了，呵呵，应该算是疏忽，你很细心