質問

私はここからbxSliderを使用しています: http://bxslider.com/examples/auto-show-pager そして、私はそれが正常に動作しているが、私は弾丸の代わりに数字を使用したいので、私はcssファイルにこれを追加しました:

    .bx-pager a{
  background: transparent url('/src/images/bullets.png') 0 0 no-repeat;
  padding: 0 4px;
}
.bx-pager a.pager-active{
  background-position: 0 -58px;
}

それは正常に動作しますが、私は画像を削除する方法を理解していないようです。.だから私はこれを残しています: http://cl.ly/223N0h251T0T251S2U2T

何か考えは?

役に立ちましたか?

解決

これを試してみてください,

.bx-pager a{
  background: transparent url('/src/images/bullets.png') 0 0 no-repeat;
  padding: 0 4px;
  color: transparent;
  }
.bx-pager a.pager-active{
  background-position: 0 -58px;
  color: transparent;

  }

変更はこちら color: transparent;

他のヒント

このようにしてみることができます:

.bx-pager a {
  background: transparent url('/src/images/bullets.png') 0 0 no-repeat;
  padding: 0 4px;
  text-indent: -9999px;
  }
.bx-pager a.pager-active{
  background-position: 0 -58px;
  }
.

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top