html - nivo滑块左箭头图片窃听

Question

除了一个问题外，我已经成功实现了 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;
}

谢谢。

Answer 1

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

对于您拥有的插件的分发，该left属性a.nivo-prevNav必须是错误的。如果你调整它说11px（你必须玩它，让它恰到好处）它会解决你的问题。