Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos.
Estou utilizando em meu site o plugin Nivo Slider.
Precisei colocar uma moldura nos slides e gostaria de mudar tambem a posição das setas de direção dos slides (colocá-las no centro).
Consegui sobrepor as imagens e coloquei as setas no centro. Mas não está sendo possível clicar sobre elas (apenas aparece a imagem)
O CSS está assim
>
#flash1{ //esta é a div que contém os slides
position: absolute;
width:980px;
height:342px;
z-index: 1;
}
#moldura{ //esta moldura fica fixa para todos os slides
z-index: 2;
width:980px;
height:342px;
position: absolute;
background-image: url(../imagens/moldura7.png);
}
.nivo-directionNav a{ //estas são as setas de direção
display:block;
width:30px;
height:30px;
background:url(../imagens/arrow5.png) no-repeat;
text-indent: -9999px;
border:0;
position: absolute;
}
Tentei colocar um z-index para as setas, mas não esta funcionando.
Caso não conheçam o plugin é este aqui: http://nivo.dev7studios.com
Obrigado.
Carregando comentários...