nivo滑块左箭头图片窃听

Question

我已经成功实现了 nivo 滑块（带有默认主题），除了一个问题。

滑块上的左箭头显示右箭头的一小部分。另一方面，右箭头正在正确显示。

为什么精灵左侧渲染不正确，右侧渲染正确？

Arrow picture

唯一声明arrow.png图片的地方是在下一个css部分：

.theme-default .nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(../Images/slider/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

谢谢。

Answer 1

如果您在 nivo-slider css 中查看该类的正下方，您会注意到一些名为 a.nivo-nextNav 和 a.nivo-prevNav 的类正在应用背景位置。

a.nivo-prevNav 上的left 属性对于您拥有的插件的分发一定是错误的。如果您将其调整为 11px（您将不得不使用它，以使其恰到好处）它将解决您的问题。