Chrome浏览器文字显示问题

前段时间给标志雪铁龙集团做中文的网站界面，测试各个浏览器的兼容问题的时候发现谷歌浏览器Chrome在显示0px大小的文字时会有小小的异常。

如下图：

图中的媒体中心几个字是一个链接，为了应用特殊字体和阴影样式而使用了图片作为<a>锚的背景图，同时为了对浏览器友好和对停用css状态（例如盲人浏览器）的可用性考虑，这个链接中仍然放入了“媒体中心”这几个文字，并用css将其大小定义为0px。这样在一般的浏览器中文字大小为0，就不会被显示出来。但是此时我们发现在chrome中浏览网页时，这几个文字还是被显示出来了（媒体中心左上角那一小团），只不过很小，小到只有几个像素，像个污点似的……
这个问题的解决方法很简单，在css中再加一句text-indent:-9999px;即可。

其实最早我用来隐藏文字的方法就是text-indent:-9999px;  但是这个方法在浮动布局时，也可能会产生纵向的占位问题，所以后来一律用font-size:0px;了，简单、有效。
不过现在多种浏览器争芳的时代来临了，只是苦了我们小小的web开发……看来以后text-indent:-9999px; 和font-size:0px;要并用了，特殊时大约还要用到overflow:hidden;

Chrome的这个问题或许算不上bug，但是怎么说呢？它实在太尽职尽责了，0px的东西都要显示出来……就冲这一点，Chome可以无愧地当选09年最敬业的浏览器……