Firefox中的图像替换不会隐藏文本

Question

我正在使用旧版本的FlexSlider（v1.4，主要是因为我还没有时间测试新版本），出于某种原因，控件的文本显示在Firefox中。

这是箭头的CSS：

  .flex-direction-nav li a {
    display: block;
    width: 52px; height: 52px;
    margin: -13px 0 0;
    background: url(../images/bg_direction_nav.png) no-repeat;
    position: absolute; top: 50%;
    cursor: pointer;
    text-indent: -999em;
  }

我尝试过更改text-indent，但文字不会因此而移动。当我在Firebug中更改它时，text-align: left似乎不是问题。此问题未显示在Chrome中。

为什么文本没有隐藏自己？

Answer 1

我遇到了同样的问题。我的问题是导航链接继承了“text-align：right;”。

尝试重置text-align属性：

    .flex-direction-nav li a {
    display: block;
    width: 52px; height: 52px;
    margin: -13px 0 0;
    background: url(../images/bg_direction_nav.png) no-repeat;
    position: absolute; top: 50%;
    cursor: pointer;
    text-indent: -999em;
    text-align:left;
  }

此外，对于IE de-bugging，请记住，在较低版本中，text-indent仅在您设置了text-transform属性时才有效...所以只需添加

text-transform: uppercase;

会有所帮助......