WooCommerce产品图片交换在翻转时隐藏第一张图片

Question

我有一个WooCommerce商店，当我将图像悬停在商店页面上时，默认情况下它将其交换为图库中的第一张图像。我的问题是我的图像是透明的png，因此当第二张图像出现时，您仍然可以看到其下面的第一张图像。

如果可以的话，是否可以用dsiplay:none;隐藏第一张图像，因为我花了几天时间却找不到，所以如何找到正确的CSS类。

任何建议将不胜感激。

Answer 1

最后，我只是在第二张图片中添加了背景，以便隐藏第一张图片

 .secondary-image {
      background:red!important;
 }