Html nivo滑块左箭头图片被窃听

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

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

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

声明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;
}

---

谢谢。

如果您在

nivo滑块

css中查看该类的正下方，您会注意到一些名为

a.nivo-nextNav

和

a.nivo-prevNav

的类正在应用背景位置

---

a.nivo-prevNav

上的

left

属性对于您拥有的插件的分发肯定是错误的。如果您将其调整为

11px

（您必须使用它，以使其正确），它将解决您的问题。

问题出现在“.theme default.nivo directionNav a”中，这很奇怪。将宽度从30px更改为24px时，解决了箭头问题。@为了节省插件空间，他们对左右导航使用相同的图像，然后他们只需调整图像的位置。它可以工作，但有时可能会令人困惑。@因此，通过改变宽度，您可以说“查看窗口”变小了，这使右箭头消失，但是您必须小心，因为它会使按钮的可单击区域变小。如果你有时间，我会玩背景位置，这样你的可点击区域保持不变。