jquery - 将鼠标悬停在 Colorbox 图像上时添加“固定”按钮

Question

我正在为客户改进 wordpress 博客。我有一个 Colorbox 灯箱库，当您在 Colorbox 运行时将鼠标悬停在单个全尺寸图像上时，需要显示 Pinterest“pin-it”按钮。

无论如何，我似乎在颜色框中的全尺寸图像上附加了一个类，它不会改变任何东西。我想我在这里误解了一个基本问题。

Answer 1

将图像放在“div”容器中，将该 div 的样式设置为 position:relative。

然后除了带有 position:absolute; 的图像之外，在该容器内添加另一个 div；顶部：5px；左：5px；显示：隐藏。

然后，如果您的容器 div 类是“imagecontainer”，而 Pinterest 的 div 被称为“socialbuttons”，那么下面的 CSS 就可以解决问题：

.imagecontainer:hover socialbuttons { display:block; }

就是这样。