从bxSlider的寻呼机中删除号码

我试过使用z-index：-1，color：transparent和visibility：hidden等。从bxSlider寻呼机中删除数字，以便它只留下图像点。 '颜色：透明'适用于除IE 7和8以外的所有浏览器上的文本。从bxSlider的寻呼机中删除号码

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

任何帮助将是fantasic无论是从脚本本身删除号码或能够使用CSS来删除IE7的文字和8

感谢。

否定文本 - 将它们从页面缩进“text-indent：-9999px” – charlietfl

没有解决问题，很抱歉地说。：\ –

为什么不呢？是一种非常常见的方法，没有理由不工作。你要么没有针对正确的CSS选择器，要么没有足够的选择器 – charlietfl

@charlietfl是对的，但'文本缩进'只能在块或浮动元素上工作。

试试这个：

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

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

2012-11-17 08:09:06

TEXT-INDENT做寻呼机没有作品bxSlider。尝试将此代码添加到您的CSS：

.pager-link {color:transparent;}

这将隐藏数字。

2012-11-30 14:08:01 rnd

尝试font-size:0; 适用于我。

2013-05-09 07:27:20 jplozano

是的，这个方法有效。验证。谢谢。 – Rohitink

这将构建空<a>标签：

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

2013-11-15 21:01:38 allicarn

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

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

2014-06-24 11:56:10 Mazuhl

回答