css - 显示 :inline-block and text-indent

Question

我在某些版本的 Internet Explorer 中遇到以下代码的问题:

#iconautente{ 
background-image:url('/style/images/spritecommon.png'); /*icona_utente.png*/
background-position:-117px -15px;
text-indent:-9000px;
width:20px;
height:23px;
display:inline-block;
}

<a id="iconautente" href="/admin/index.php">admin</a>

在 Vista 下的 Firefox、IE7 和 IE8 中，如预期的那样，我看到背景但没有文本。在XP下的IE6和IE8中，整个图片都是缩进的，不是文字，所以图片不显示。

什么是正确的行为？有解决方法吗？

Answer 1

也许你可以这样尝试:

.blk {  display:inline-block; height:96px; width:96px; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden; }

查看演示 http://jsfiddle.net/zhiyelee/4aRZa/