我在这里使用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
任何想法?
答案 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;