《
CSS隐藏文字的几个方法》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334Z2013.htm
--> [
网站建设之]CSS隐藏文字的多少个方法 ,
CSS透明相关技巧的介绍 作为一个web前端开发
为了html语义化
经常要给内容模块加上一些题目来让页面更有意思
当然还有咱们的图片按钮
在抛开css裸奔的情形下也能很顺利的吸取到页面信息
通常为了转达更好的视觉后果
我们常用图片替换掉字体
而早前的前端开发常直接不在html中给出内容
用 ；（甚至为空）
这样在不加载到css时就无奈晓得这个区块毕竟是什么内容了
正题开端
通常偏移掉字体的方法是
（1）
使用text-indent:-9999px;
可是他有一个局限性 他只实用于块级元素block
而我们往往有时候想偏移掉的a上的字体
所以问题就来了
text-indent:-9999px;固然用起来比拟惬意
将a转化成block的话 往往 他身后的的元素就被他赶到下一行了
假如正好这个a后面 是一个a按钮
就要用float来浮动以使他身后再呈现蜂拥者
这样是不是有些麻烦呢
（2）
line-height:0,
css透明滤镜 兼容ie6,ie7,ie8以及firefox;
font-size:0,
CSS选择符详解;
overflow:hidden,
CSS选择符详细说明;
能完善“隐藏”掉你background之上的字体
经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过
（3）
最便利的是加个span,
CSS边框属性(border)的如何使用，而后display:none，而且这样不会出bug。
遗憾的是，多了个标签，轮回中使用的话，html又多了一堆字节，单个按钮推举这样应用。
而针对input value的隐藏这个方式就有些吃力了
所以仍是只能用block加text-indent来“偏移&rdquo,
css语法结构;模仿暗藏了
display:block;
font-size:0;
line-height:0,
CSS设计网页头部的优化写法;
text-indent:-9999px;
经测试 ie6.0 、 7,
CSS设计制作长度高度不一样的网页区块.0 、firefox 3,
CSS设计中选择器的巧妙使用.010 通过 Tag：办法 文字 隐藏 方式 文字 ,
css设置最小height然后自适应; 隐蔽
(责任编辑：网站建设)
CSS隐藏文字的几个方法相关文章