用css隐藏<a>文本

jay*_*jay 1 html css wordpress

我想隐藏"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;
}
Run Code Online (Sandbox Code Playgroud)

使用上面的代码,图像出现但HOME文本仍然存在.谢谢

amo*_*era 9

text-ident: -9999px; 
Run Code Online (Sandbox Code Playgroud)

应该

text-indent: -9999px;
Run Code Online (Sandbox Code Playgroud)

  • 对于额外的点,使用-9999em而不是-9999px - 这样,缩进将随文本大小一起增长,确保无论文本有多大都隐藏它. (4认同)