2012-05-22 65 views
1

我使用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

任何想法?

+0

可以請你分享jsfiddle.net滑塊?之後可以檢查。 – khurram

回答

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;

+0

這將刪除數字,但子彈不可點擊。如何讓它們在沒有數字的情況下工作? –

+0

nvm!能夠用z-index修復它!謝謝! –

+1

這不適用於IE 7或8(未測試9) –

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; 
    } 
+0

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