1

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

有任何想法吗?

4

2 回答 2

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;
  }
于 2012-12-13T02:21:16.580 回答
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;

于 2012-05-22T07:15:19.903 回答