Я создал галерею портфолио на одной из моих страниц, используя собственную галерею 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*/
При наведении курсора мыши на само изображение оно работает, но при наведении курсора на края оно не отображается