Nivo滑块显示数字而不是背景图片

Question

我正在运行介绍一个很奇怪的情况。我在网站上添加了一个nivo滑块，但是当我在幻灯片浏览器上打开controlnav时，它由数字组成。问题是我想用子弹代替这些数字。我试图添加文本缩进：-9999px，但这不起作用。我在很多次之前使用过Nivo，这是第一次发生。该脚本是新的，据我可以看有没有脚本和CSS的问题，可能会导致它

网站在这里：http://minimaltheme01.brideappeal.com/

任何想法，为什么这可能发生？ 谢谢！

Answer 1

默认情况下，nivo滑块显示数字。为了让它们重新定义并显示子弹而不是数字，您可以使用主题，或者可以选择编写自己的CSS来设置它们的样式。

检查documentation以了解如何包含主题。

你将需要改变一下html。

查看这些2 js小提琴的粗糙的例子，有和没有主题。

http://jsfiddle.net/cyZH2/ - 没有

http://jsfiddle.net/8Tafp/ - 与

在默认主题的css文件，它包括以下样式显示链接子弹。

.theme-default .nivoSlider a { 
    border:0; 
    display:block; 
} 

.theme-default .nivo-controlNav { 
    text-align: center; 
    padding: 20px 0; 
} 
.theme-default .nivo-controlNav a { 
    display:inline-block; 
    width:22px; 
    height:22px; 
    background:url(bullets.png) no-repeat; 
    text-indent:-9999px; 
    border:0; 
    margin: 0 2px; 
} 
.theme-default .nivo-controlNav a.active { 
    background-position:0 -22px; 
}