html - nivo slider 左箭头图片被窃听

Question

除一个问题外，我已成功实现 nivo slider (使用默认主题)。

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

为什么 Sprite 的左边没有正确渲染，而右边的渲染正确？

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(您将不得不使用它，让它恰到好处)它将解决您的问题。