我想擺脫出現在我的主題默認的效果,因爲我剛剛開始學習,我似乎無法找到控制懸停時菜單透明度的腳本。這是tumblr擺脫對tumblr主題的透明效果?
控制此效應的編碼應該如何顯示?所以我可以禁用它,或者乾脆拿走它?
非常感謝!
我想擺脫出現在我的主題默認的效果,因爲我剛剛開始學習,我似乎無法找到控制懸停時菜單透明度的腳本。這是tumblr擺脫對tumblr主題的透明效果?
控制此效應的編碼應該如何顯示?所以我可以禁用它,或者乾脆拿走它?
非常感謝!
從我所瞭解的情況來看,只要光標放在Collection
文字上就可以使菜單立刻出現,而不是像現在使用fade-in
的效果那樣。在樣式表底部添加這個CSS將使您達到上述效果:
#base .rent {
transition: none !important;
}
它使用簡單的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
如果運會將此在樣式表的底部,爲什麼要用'重要的! '?我們忘記了級聯? – mikedidthis 2014-11-01 11:29:53
@mikedidthis在'#base .rent'沒有'!important'的'''transition'屬性定義爲'none'在OP的網站中不起作用,我在使用開發工具進行測試後發佈了上述答案。 – 2014-11-01 11:36:51
啊,該死的我沒有看到'id'。更好地使用像'#relative-header #base .rent'這樣的東西,並且使用特異性而不是蠻力。無論哪種方式,upvote傳入... – mikedidthis 2014-11-01 11:51:33