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

我在某些版本的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>

在Firefox，Vista下的IE7和IE8中，我看到的是背景，没有文本，正如预期的那样。在XP下的IE6和IE8中，整个图像是缩进的，而不是文本，因此不显示该图像。

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

最佳答案

* html #iconautente{text-indent:0; line-height:0; font-size:0; overflow:hidden}/*ie6 hack */

*:first-child+html #iconautente{ text-indent:0; line-height:0; font-size:0; overflow:hidden}/*ie7 hack */

关于css - 显示:inline-block and text-indent，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2386420/