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を変更しようとしたが、テキストは、結果として移動しません。 text-align: leftは、Firebugで変更したときに問題にはならないようです。この問題はChromeでは表示されません。

なぜテキスト自体が隠れていないのですか？

Answer 1

私は同じ問題を抱えていました。私の問題は、navリンクが「text-align：right;」を継承していたことです。

は、あなたのテキスト-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のデ盗聴のために、あなたが同様に設定されたテキスト-transformプロパティを持っている場合、下のバージョンでは、テキストのインデントのみ動作することを覚えておいてください。 ...だから...

text-transform: uppercase; 

が役立ちます