Question

我正在使用Bridge主题（通过Qode）在这个wordpress网站上工作：http://www.musegroupreno.com/plp/

主页上较小的方块中有图像具有悬停效果。我正在使用Masonry Gallery（Visual Composer插件的Qode插件），这使我可以将每个正方形/矩形类型设置为具有固体覆盖/背景颜色。所有小方块（文本和图像）都是相同的。问题是我们希望文本方块具有粉红色背景，并且图像方块在鼠标悬停时不会转换为粉红色。

我们希望小方形图像看起来像高大的矩形一样，如果你将鼠标悬停在它上面，没有任何变化。这是因为叠加/背景颜色设置为opacity:0;。如果我为小方块做这个，我会丢失文本方块后面的粉红色，但图像看起来很棒。

在现有系统中，无法单独为图像/文本方块或每个方块设置单独的类。

所以我无法弄清楚如何移除悬停状态转换，以便鼠标悬停时它不会覆盖粉红色的图像，但会在文本方块中留下粉红色的背景。 / strong>

看起来.masonry_gallery_item_inner元素会改变不透明度。我认为它正在改变背景色但不确定。任何帮助表示赞赏。

Answer 1

.masonry_gallery_item.standard:hover .masonry_gallery_item_inner {
    opacity: 0;
}

.masonry_gallery_item.square_small .masonry_gallery_item_inner {
    background-color: rgba(255,235,233,1);
}

这与您需要的工作方式相同。可能是你设置不透明度：0;上课“.masonry_gallery_item.square_small .masonry_gallery_item_inner”，这就是你失去粉红色背景的原因。

删除图片悬停效果

1 个答案: