图片替换文字中padding代替text-indent:-9999px的使用

隐藏文字的方式有很多种(这里简略说一下):
   1. 使用 padding来实现Css Sprite中隐藏文字的效果;
   2. 使用text-indent:-9999px; Css Sprite中隐藏文字的效果;
   3. 使用display属性:display:none; 视为不存在,且不加载;
   4. 使用 visibility 属性:visibility:hidden; 隐藏,但在浏览时保留位置;
   5. 使用 overflow 属性:Overflow值{visible|hidden|scroll|auto} 前提是先要限制DIV的宽度(width)和高度(height)。
   6. 还有其他的方法… …
以往在实现图片替换文字的效果的时候都是使用text-indent:-9999px; 的做法,现在介绍另一种方法,使用padding实现图片替换文字效果。

实现的原理:

1 height:0; padding-top:61px; overflow:hidden;

高度为0,padding-top的值就是height的值,然后设置overflow:hidden;

posted @ 2013-08-13 09:21  燕舞春天  阅读(129)  评论(0)    收藏  举报