我正在使用Bridge主题（由Qode设计）在这个wordpress网站上工作：http : //www.musegroupreno.com/plp/
主页上较小的正方形区域中有图像具有悬停效果。我正在使用Masonry Gallery（Visual Composer插件的Qode插件），可以将每个正方形/矩形类型设置为具有纯叠加层/背景色或不具有。所有小方块（文本和图像）都相同。问题是我们希望文本方块具有粉红色背景，并且图像方块在鼠标悬停时不过渡为粉红色。
我们希望小正方形图像的外观和行为类似于高大的矩形，如果您将鼠标悬停在上面，则什么都不会改变。发生这种情况是因为叠加层/背景色设置为具有opacity:0;。如果我对小方块执行此操作，则会丢失文本方块后面的粉红色，但图像看起来不错。
在现有系统中，无法为图像/文本方块或每个方块分别设置单独的类。
所以我不知道是如何删除悬停状态转换的，这样它就不会在鼠标悬停时覆盖粉红色的图像，而是在文本方块中保留粉红色的背景。
看起来是.masonry_gallery_item_inner改变不透明度的元素。我认为这正在改变背景颜色，但不确定。任何帮助表示赞赏。
.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”，这就是为什么丢失粉红色背景的原因。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句