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的课程正在应用背景位置。

left上的a.nivo-prevNav属性对于您拥有的插件的分发必定是错误的。如果您将其调整为11px（您必须使用它，为了正确使用它），它将解决您的问题。