Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho esse script para chamar uma determinada fonte:
<script type="text/javascript">
Cufon.replace('.logo', { fontFamily: 'GeosansLight' });
Cufon.replace('h1', { fontFamily: 'GeosansLight' });
Cufon.replace('h2', { fontFamily: 'GeosansLight' });
Cufon.replace('h4', { fontFamily: 'GeosansLight' });
</script>
Através do CSS eu posso alterar a cor do texto tranquilamente...
texto h2 {color:#fff;}
...porém ao aplicar o :hover para trocar de cor, simplesmente não funciona, o caminho está tudo certo pois se colocar qualquer outra função funciona...
.texto h2:hover {margin-top:10px; color:#000}
...mas trocar a dita cor com hover não funciona.
Alguém já passou por isso? Por que não está funcionando o Hover?
Obrigado.
>
Cara, tenho quase certeza que Cufon não aceita :hover.
Veja se isto te ajuda: http://www.divydovy.com/2010/04/cufon-hover-fix/
Marcelo obrigado pela dica, dei uma lida no artigo achei bem interessante e funcionou, porém não 100%, o código ficou assim agora:
<script type="text/javascript">
Cufon.replace('.menu2', {hover: true,color: 'orange'});<!-- Aqui é onde faz funcionar o hover -->
Cufon.replace('.logo', { fontFamily: 'GeosansLight' });
Cufon.replace('h1', { fontFamily: 'GeosansLight' });
Cufon.replace('h2', { fontFamily: 'GeosansLight' });
Cufon.replace('h4', { fontFamily: 'GeosansLight' });
</script>
Porém quando o mouse sai da palavra que funcionou o hover ele permanece laranja, agora teria que fazer funcionar o "out" pra quando sair do link voltar a palavra na cor de antes.
Alguém ajuda?
Resolvi, eu tinha colocado cm CSS hover uns efeitos de sombra e zoom transition, retirei e funcionou.
Maaaaaaaaaaaaaaaaaassssss no Sub menu desapareceu as escritas no IE (Capaz?!? <_< )
Ja resolvi também o problema do IE
tinha lá uma função visibility: hiddem, alterei pra collapse aí funcionou.
Cara, tenho quase certeza que Cufon não aceita :hover.
Veja se isto te ajuda: http://www.divydovy.com/2010/04/cufon-hover-fix/