jquery - 从 bxSlider 的寻呼机中删除数字

Question

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

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

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

谢谢。

score 3 · Accepted Answer

3

尝试font-size:0; 为我工作。

于 2013-05-09T07:27:20.617 回答

score 1 · Accepted Answer

@charlietfl 是对的，但 'text-indent' 仅适用于块或浮动元素。

尝试这个：

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

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

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

score 0 · Accepted Answer

这将构建空<a>标签：

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

5 回答 5