悬停时从覆盖图像触发的透明覆盖图像[关闭]

Question

我有许多图像在悬停时会展开，它们都有一个展开图标，当直接悬停在上面时会使用 opacity:0; 消失。 理想情况下，我试图让这个图标在悬停在图像中的任何位置时消失，以免在图像完全展开时出现。 一个轻巧简单的解决方案将是理想的，在此先感谢您的帮助。

Answer 1

用js你可以试试这个：

$(".step1 img").hover(
    function(){
        $(this).parent().find(".image-overlay").fadeOut(400);
    },
    function(){
        $(this).parent().find(".image-overlay").fadeOut(400);
    }
);

或者，你可以使用 toggleClass 或 addClass 代替 fadeOut/fadeIn

用 css 你可以试试这个

.step1:hover .image-overlay {
    opacity: 0;
}