text-indent用于替换图像？

Question

我在顶级菜单a链接中使用以下内容：

 #sliding-navigation #filter-regista a  {
   width: 75px;
   height: 29px;
   background: transparent url("images/directors.png") no-repeat 0 0;
   text-indent: -9999px;
 }

由于

Answer 1

您必须将样式应用于<a>而不是<li>

#sliding-navigation #filter-regista a {
    background: url("images/directors.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 15px;
    overflow: hidden;
    text-indent: 101%;
    width: 75px;
}

Answer 2

您没有指向正确的标签。你应该指向你的标签