2

1つの問題を除いて、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;
}

ありがとう。

4

1 に答える 1

1

cssでそのクラスのすぐ下を見ると、バックグラウンド位置を適用しているとnivo-slider呼ばれるいくつかのクラスに気付くでしょう。a.nivo-nextNava.nivo-prevNav

のleftプロパティa.nivo-prevNavは、お持ちのプラグインの配布に対して間違っている必要があります。あなたがそれを言うように調整するならば11px（あなたはそれを正しくするためにそれで遊ぶ必要があるでしょう）それはあなたの問題を解決するでしょう。

于 2013-01-29T21:33:25.120 に答える