2010-06-12 76 views
1

我只希望文本陰影處於懸停狀態。Cufon textShadow +懸停問題

**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

對不起,我從來沒有用過的Cufón,但我認爲這是現在最好開始使用@字體面和陰影的部分CSS3 ... Paul Irish發佈了一種甚至可以與IE一起使用的防彈方法(http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/) – Mottie 2010-06-13 00:32:53

+0

感謝fudgey,明天將開始測試這種方法,很有意思! – danjah 2011-07-19 12:51:23

回答

3

你的代碼是從定義textShadow GET-去,而不是爲hover事件。

看着http://wiki.github.com/sorccu/cufon/styling,這應該爲你工作:

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});