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

我使用bxSlider从这里：http://bxslider.com/examples/auto-show-pager和我有它工作正常，但我想，所以我说这个CSS文件来代替数字的子弹：bxSlider - 从寻呼机中删除号码？

.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

任何想法？

来源

2012-05-22 Joe Bobby

可以请你分享jsfiddle.net滑块？之后可以检查。 – khurram

试试这个，

.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-22 07:15:19 Rab

这将删除数字，但子弹不可点击。如何让它们在没有数字的情况下工作？ –

nvm！能够用z-index修复它！谢谢！ –

这不适用于IE 7或8（未测试9） –

你可以试试这个方法：

.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-13 02:21:16

上工作，在IE 7中工作!!!! – wilsonrufus

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

回答

相关问题