Nivoの背景の位置が無視されている

Question

新しいデザインで実装しているnivoスライダの背景位置をCSSでトラブルシューティングするのに役立つ人がいたらいいですか？

.nivo-nextNavのバックグラウンド位置は無視されていますが、その理由を特定できません。ページへ

/* Direction nav styles (e.g. Next & Prev) */ 
.nivo-directionNav a { 
display:block; 
width:43px; 
height:45px; 
background:url(../images/arrows.png) no-repeat; 
text-indent:-9999px; 
border:0; 
} 
.nivo-prevNav { 
left:0px; 
} 
.nivo-nextNav { 
background-position: -43px 0; 
right: 22px; 
} 

リンク：：私はそれが今働いていhttp://www.plumeriawebdesign.com/Headstand%20Software/

は、ここに私のCSSです。 .nivo-directionNav aのCSSを次のように変更しました：

.nivo-directionNav a { 
position:absolute; 
top:40%; 
z-index:9; 
cursor:pointer; 
width: 43px; 
height: 45px; 
text-indent:-9999px; 
background-image:url(../images/arrows.png); 
background-repeat: no-repeat; 
} 

背景が正しく配置されました。なぜ自分のサイトのデフォルトスライダーで動作し、私のものではないのか不思議です。私には不思議。

Answer 1

あなたのバックグラウンドの位置は.nivo-nextNavに設定されていますが、.nivo-nextNavにはバックグラウンドはありません。 .nivo-nextNavで 'a'を入力します。< -

最も簡単な解決策：バックグラウンドに位置を置きます。

.nivo-directionNav a { 
....... 
background:url(../images/arrows.png) -43px 0 no-repeat; 

Answer 2

background-positionは、背景イメージの位置付けだけです。ただし、.nivo-nextNav要素には背景画像はありません。私はNivoSliderはこのように矢印を使用して表示されるものと

：

.nivo-directionNav a { 
    display:block; 
    width:30px; 
    height:30px; 
    background:url(arrow.png) no-repeat; 
    text-indent:-9999px; 
    border:0; 
} 
a.nivo-nextNav { 
    background-position:-30px 0; 
    right:15px; 
} 
a.nivo-prevNav { 
    left:15px; 
} 

は、あなたの要素のbegginingでアンカータグを使用してみてください。