将 tumblr 控件隐藏在图标后面并在悬停时显示它们

问题描述

我正在开发 Tumblr 主题，但似乎无法弄清楚如何将 iframe 控件隐藏在图标后面。目前，这是我的 CSS：

Array
(
    [Questions] => 7
    [Marketplace] => 9
    [Jobs] => 3
)

所以我让它们在悬停时显示（嗯，至少不透明度会增加）但我想知道如何将它们隐藏在某些东西后面？我已经看到它使用了很多，比如图标字体。我在谷歌上搜索了很多，但这并没有帮助。我知道 Tumblr 上的一个旧主题制作者有一个代码，但它们已停用，因此很遗憾无法再使用。

解决方法

我想你想要这样的东西：

.buttons-container:hover .tx-icon-button { // not sure if this is the right selector,see below
  opacity: 0.2;
}

.tx-icon-button {
 opacity: 0.2; // you might not want this
}

.tx-icon-button:hover {
  opacity: 1;
}

我不知道您在哪个元素上触发悬停类来显示图标。你是通过 JS 做的吗？我在 css 中找不到任何东西。 CSS 将是更轻松的选择。