2013-07-15 60 views
0

工作,我有以下代碼::沒有(:懸停)不透明度

#topbar:not(:hover){ 
    -skrollr-animation-name: topbaropa; 
} 
#topbar:hover { 
    -skrollr-animation-name: topbarhoveropa; 

} 

它應該逐漸滾動到0.10時,褪色的#topbar的不透明度,但是當你將鼠標懸停#topbar透明度追溯到1,然後鼠標關閉回到0.10。

問題是,它不起作用。它在滾動時淡入淡出,但在鼠標懸停時不會回到1。

我也試過,而不是#topbar:hover { -skrollr-animation只是用opacity: 1但是,這並不工作,要麼=/

如果有人想真正明白我的意思的鏈接是http://pattersoncode.ca/new%20design/?a=help

+0

'-skrollr-'前綴是什麼? – Passerby

+0

@Passerby這是一個在滾動時添加css樣式的jQuery腳本 – Austen

+0

但是我沒有看到它在Chrome DevTool中被「糾正」,所以如果它應該按照您預期的方式工作,那麼它就是純JS,而不是CSS。如果你能演一個小提琴演示這個問題,那就太好了。 – Passerby

回答

0

只需添加上懸停一個類,並且取消了對小鼠類關閉。