摆脱tumblr主题的透明效果？

Question

我想摆脱我主题默认的效果，因为我刚刚开始学习，我似乎无法在悬停时找到控制菜单透明度的脚本。这是tumblr

控制此效果的编码应该如何？所以我可以禁用它或者只是把它拿走？

非常感谢！

Answer 1

根据我的理解，您希望在光标放在Collection文字后立即显示菜单，而不是像现在那样使用fade-in效果显示。在样式表的底部添加此CSS将使您实现上述目标：

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

Answer 2

这是通过简单的css悬停效果完成的。当您将鼠标悬停在div＃base上时，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缓出会导致缓和效果。 如果您不希望它透明，只需在#base .rent上将不透明度：0 更改为不透明度：1