删除图像悬停效果

Question

我正在使用的大桥主题此WordPress站点（由Qode）：http://www.musegroupreno.com/plp/

有在具有悬停效果的主页上的小方块图像。我正在使用Masonry Gallery（一个Qode插件到Visual Composer插件），这使得我可以设置每个正方形/矩形类型，使其具有可靠的叠加/背景颜色。所有小方块（文字和图片）都是一样的。问题在于我们希望文本方块具有粉色背景，图像正方形不会在鼠标悬停时转换为粉红色。

我们希望小方形图像的外观和行为像高大的矩形一样，如果将鼠标悬停在上面，则没有任何变化。发生这种情况是因为覆盖/背景颜色设置为opacity:0;。如果我为小方块做这件事，我会在文字方块后面丢失粉红色，但图像看起来很棒。

在现有系统中，没有办法分别为图像/文字方块或每个方块设置单独的类。

所以我无法弄清楚的是如何去除悬停状态转换，以便它不覆盖mouseover上的粉色图像，但在文本方块中留下背景粉红色。

它看起来像是改变不透明度的.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”，这就是为什么你失去了粉红色的背景。