jquery - bxSliderのポケットベルから番号を削除する

Question

z-index：-1、color：transparent、visibility：hiddenなどを使用して、bxSliderページャーから数字を削除し、画像のドットを残すようにしました。「color：transparent」は、IE7および8以外のすべてのブラウザーのテキストで機能します。

IE7とIE8用のCSSソリューションはまったく機能していないようです。

スクリプト自体から数字を削除するか、CSSを使用してIE7および8のテキストを削除できるようにすることは、どんな助けでも幻想的です。

ありがとう。

score 3 · Accepted Answer

3

font-size:0; Works for me を試してみてください。

于 2013-05-09T07:27:20.617 に答える

score 1 · Accepted Answer

@charlietflは正しいですが、「text-indent」はブロックまたはfloat要素でのみ機能します。

これを試して：

a{display:block; text-indent:-9999px} or

a{float:left; text-indent:-9999px}

score 1 · Accepted Answer

テキストインデントは、bxSlider のページャーでは機能しません。次のコードを CSS に追加してみてください。

.pager-link {color:transparent;}

これにより、数字が非表示になります。

score 0 · Accepted Answer

これにより、空の<a>タグが作成されます。

$('#bxslider').bxSlider({
    buildPager: function(slideIndex) {
        return '';
    }
});

5 に答える 5