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

배경 위치는 배경 이미지의 위치 만 지정합니다. 그러나 .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에서 앵커 태그를 사용해보십시오.