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/ - 带

在default-theme 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;
}

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

1 个答案: