隐藏文字的CSS样式 兼容多个浏览器

网页页面里使用 inline-block 元素时经常需要隐藏其文字，
比较流行的方法是将 line-height 的值设置得很大，
然后配合 overflow: hidden 来隐藏文字。
请容许我主观臆断地认为过大的行高会影响渲染效率，
而行高不够又可能在用户对页面进行放大操作时露出“马脚”（即未能被隐藏的部分）。
是否当 line-height:0 时对 Webkit 内核就没有办法了？
我想到利用透明文字来解决这一兼容问题，
并终终整理如下：

font-size:0;        /* for firefox & opera */ 
color: transparent; /* for webkit */ 
line-height:0; 
overflow:hidden;    /* for IE */

上面是第一种方法，下面说第二种方法

display:block; line-height:0px; text-indent:-9999px; overflow:hidden;

自测后兼容的浏览器如下：

IE 6-8
Firefox 1-4
Opera 9-10
Safari 3-5
Chrome 1-6

评论加载中... 内容： 评论者： 验证码：