bxSlider - 从寻呼机中删除号码?

时间:2012-05-22 06:48:23

标签: jquery css html5 bxslider

我在这里使用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

任何想法?

2 个答案:

答案 0 :(得分:4)

您可以尝试这种方式:

.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;
  }

答案 1 :(得分:2)

试试这个,

.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;