2010-06-12 4 views
1

Je veux seulement que l'ombre du texte soit sur l'état stationnaire.Problème avec Cufon textShadow + hover

**JS** 
Cufon.replace('.headerright', {hover: true,'fontFamily' : 'League Gothic',textShadow:'0px 1px #cccccc'}); 
**CSS** 
.headerright{text-transform:uppercase; font-size:76px;color:#CD7674;} 
.headerright a:hover{color:#444444;} 
+2

Désolé, je ne l'ai jamais utilisé CUFON, mais je pense qu'il est maintenant préférable de commencer à utiliser le @ font-face et les ombres dans le cadre de CSS3 ... Paul Irish a publié une méthode pare-balles qui fonctionne même avec IE (http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/) – Mottie

+0

Merci fudgey, va commencer à tester cette approche demain, très intéressant! – danjah

Répondre

3

Votre code définit textShadow du get-go plutôt que pour l'événement hover.

En regardant http://wiki.github.com/sorccu/cufon/styling, cela devrait fonctionner pour vous:

Cufon.replace('.headerright', { 
    'fontFamily': 'League Gothic', 
    hover: { 
     textShadow: '0px 1px #cccccc' 
    } 
}); 
2
Cufon.replace('.menu_item', {fontFamily: 'museo700_regular',hover: {textShadow: '0px 1px #fff'},textShadow:'0px 1px #fff', hover:true});