从bxSlider的寻呼机中删除号码

Question

我尝试过使用z-index：-1，color：transparent和visibility：hidden等..从bxSlider寻呼机中删除数字，以便它只留下图像点。 'color：transparent'适用于除IE 7和8之外的每个浏览器上的文本。

IE7和IE8的CSS解决方案似乎根本不起作用。

任何帮助都可能是幻想从脚本本身删除数字或能够使用CSS删除IE7和8中的文本。

感谢。

Answer 1

试试font-size:0; 适合我。

Answer 2

@charlietfl是正确的，但'text-indent'仅适用于block或float元素。

试试这个：

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

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

Answer 3

text-indent不适用于bxSlider中的寻呼机。尝试将此代码添加到您的css：

.pager-link {color:transparent;}

这会隐藏数字。

Answer 4

这将构建空的<a>标记：

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

Answer 5

默认的BxSlider CSS具有text-indent属性设置隐藏屏幕外的文本。如果您看到幻灯片编号，则可能是您忘记包含bxslider.css文件。

检查BxSlider examples - 他们都不需要任何特殊格式来隐藏数字并只显示点。