2014-11-01 45 views
0

我想擺脫出現在我的主題默認的效果,因爲我剛剛開始學習,我似乎無法找到控制懸停時菜單透明度的腳本。這是tumblr擺脫對tumblr主題的透明效果?

控制此效應的編碼應該如何顯示?所以我可以禁用它,或者乾脆拿走它?

非常感謝!

回答

1

從我所瞭解的情況來看,只要光標放在Collection文字上就可以使菜單立刻出現,而不是像現在使用fade-in的效果那樣。在樣式表底部添加這個CSS將使您達到上述效果:

#base .rent { 
    transition: none !important; 
} 
+1

如果運會將此在樣式表的底部,爲什麼要用'重要的! '?我們忘記了級聯? – mikedidthis 2014-11-01 11:29:53

+1

@mikedidthis在'#base .rent'沒有'!important'的'''transition'屬性定義爲'none'在OP的網站中不起作用,我在使用開發工具進行測試後發佈了上述答案。 – 2014-11-01 11:36:51

+2

啊,該死的我沒有看到'id'。更好地使用像'#relative-header #base .rent'這樣的東西,並且使用特異性而不是蠻力。無論哪種方式,upvote傳入... – mikedidthis 2014-11-01 11:51:33

0

它使用簡單的css懸停效果完成。你DIV#基地盤旋的那一刻,div.rent的透明度將被設置爲1。

HTML

<div id="base"> 
    <div class="rent"> 
     ... 
    </div> 
</div> 

CSS

/* normal state */ 
#base .rent{ 
    opacity: 0; 
} 

/* hover state */ 
#base:hover .rent{ 
    opacity: 1; 
} 

過渡:所有1s緩解導致緩和效應。 如果你不希望它是透明的,只需更改不透明度:0不透明度:1上#base .rent