0

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: leftFirebugで変更したときは問題ではないようです。この問題は Chrome では表示されません。

テキストが非表示にならないのはなぜですか?

4

1 に答える 1

0

私は同じ問題を抱えていました。私の問題は、ナビゲーション リンクが「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 のデバッグについては、古いバージョンでは、text-transform プロパティも設定されている場合にのみ text-indent が機能することを覚えておいてください...したがって、追加するだけです

text-transform: uppercase;

役立ちます...

于 2013-02-27T17:57:17.033 に答える