将鼠标悬停在Colorbox图像上时添加“pin it”按钮

时间:2012-12-09 19:45:28

标签: jquery wordpress colorbox

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

似乎无论如何我将一个类附加到colorbox中的全尺寸图像,它不会改变任何东西。我想我在这里误解了一个根本问题。

1 个答案:

答案 0 :(得分:0)

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

然后在该容器内添加另一个div,除了具有position:absolute的图像;顶:5px的;左:5px的;显示:隐藏

然后,如果你的容器div类是'imagecontainer'而你的Pinterest的div被称为'socialbuttons',那么下面的CSS就可以了:

.imagecontainer:hover socialbuttons { display:block; }

就是这样。