WordPress的本机库中的悬停效果问题-

Question

我已经使用WP的本机画廊在我的一个页面上创建了一个图片集画廊（我想限制对插件的使用）。我仅在这一点上使用CSS，并且我的画廊具有简单的悬停效果，即将鼠标悬停在图像上，它会消失并且图像标题和背景颜色会出现。它正在做我想要的所有事情，除了当我将鼠标悬停在.gallery-icon.landscape区域上时，画廊图像不会消失。我已经尝试了所有我能想到的东西，但我不想放弃并使用插件。我意识到这可能是一个非常简单的解决方法，但是无论出于何种原因，我都感到困惑。

我尝试了以下方法都无济于事：

figure.gallery-item:hover .gallery img {
 opacity:0;}/*not working*/

.gallery-icon.landscape:hover.gallery img {
 opacity:0;
}/*not working*/

.gallery-item:hover.gallery img {
  opacity:0;[1]
}/*not working*/

When I mouse over the image itself it works, but when I mouse over the edges it doesn't