隐藏<a> text with css</a>

Question

我想要隐藏“HOME”文本并将其替换为我的wordpress菜单上的图像。 我现在正在使用以下css代码：

li#menu-item-63 a {
background: url(/images/home.png) top center no-repeat;
width: 24px;
height:24px;
float: left;
text-ident: -9999px;
overflow: hidden;
text-decoration: none;
}

使用上面的代码显示图像，但HOME文本仍然存在。感谢

Answer 1

text-ident: -9999px; 

应该是

text-indent: -9999px;

Answer 2

你可以添加

color: transparent;

你的风格。将隐藏文本。

Answer 3

text-indent，而不是text-ident。

display: block