实用技巧：text-indent隐藏文字（图换字）

以图换字是CSS布局中非常常用的一种手段，因为图片文字有时候比可选的文字的表达效果更好~~~
但我们应当考虑当出现某种问题，我们的网站处于裸奔的状况，我们的用户是否还可以清晰的找到网站的出入口以及流畅的浏览~
这样最常用的方法就是text-indent，把文字隐藏，当处于裸奔的状况下，依然给出一个良好的解释~~~哈，不罗嗦了，开始~~~~

css：

h4 a{ display:block; width:185px; height:70px; background:url(http://images.cnblogs.com/logo.gif) no-repeat; text-indent:-9999px; overflow:hidden;white-space:nowrap; }

 

xhtml：

<h4><a href="http://www.cnblogs.com/rere">cnblogs.com</a></h4>

这样当“裸奔”的时候如下图：

转载于:https://www.cnblogs.com/rere/archive/2009/04/15/1436531.html