图片替换文字中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;
浙公网安备 33010602011771号