1.text-indent:-9999px;只适用于块级元素,对于行内元素不起作用
2.
line-height:0;
font-size:0;
overflow:hidden;
能完美隐藏掉background之上的字体,经测试 ie6.0 、 7.0 、8.0、firefox 3.010 通过
3.最方便的是加个span,然后display:none,而且这样不会出bug。
遗憾的是,多了个标签,循环中使用的话,html又多了一堆字节,单个按钮推荐这样使用。
而针对input value的隐藏这个方式就有些吃力了,所以还是只能用block加text-indent来“偏移”模拟隐藏了
4.display:block;
font-size:0;
line-height:0;
text-indent:-9999px;
经测试 ie6.0 、 7.0 、firefox 3.010 通过
height:0;
padding-top:100px;
overflow:hidden;
5.text-overflow:clip/ellipsis/string(css3,规定文本溢出包含元素时发生的事)
clip:简单的裁剪
ellipsis:显示省略号
与overflow:hidden结合使用才起作用