css - Nivo 背景位置被忽略

Question

希望有人可以帮助我解决我在新设计中实现的 nivo slider 背景定位的 css。

.nivo-nextNav 的背景位置被忽略了，我不明白为什么。

这是我的CSS:

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
display:block;
width:43px;
height:45px;
background:url(../images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
background-position: -43px 0;
right: 22px;
}

页面链接:http://www.plumeriawebdesign.com/Headstand%20Software/

我现在可以使用了。我将 .nivo-directionNav a 的 css 更改为以下内容:

.nivo-directionNav a {
position:absolute;
top:40%;
z-index:9;
cursor:pointer;
width: 43px;
height: 45px;
text-indent:-9999px;
background-image:url(../images/arrows.png);
background-repeat: no-repeat;
}

现在背景已正确定位。很好奇为什么它适用于他们网站上的默认 slider 而不是我的。对我来说很奇怪。

Answer 1

您的背景位置设置为.nivo-nextNav，但是.nivo-nextNav 没有背景，链接有； .nivo-nextNav 中的 'a' <-

最简单的解决方案:将位置放在后台；

 .nivo-directionNav a {
 .......
 background:url(../images/arrows.png) -43px 0 no-repeat;