Question

我的主题没什么问题。当我将鼠标悬停在图像上时，看起来中间图像正在减少一个像素。

这是链接 site

和代码

#grid{
    display: flex;
    position: relative;
    flex-wrap: wrap;

    &.col-3 .single{
        width: 33.333333333333333333333333333333%;
        display: inline-flex;
    }
    a{
        display: inherit;
    }
    img{
        width: 100%;
        height: auto;
        transition: all .5s ease;
    }
    &:hover img{
        opacity: 0.5;
    }
    &:hover img:hover{
        opacity: 1;
    }
}

我该如何解决这个问题？

Answer 1

修改你的CSS解决了：D

要编辑的文件：setting.css.lens [第524行]

要编辑的文件：setting.css.lens [第515行]

CSS

#grid:hover img:hover {
opacity: 1;
overflow: hidden;
zoom: 1;
}

#grid img {
overflow: hidden;
height: auto;
-webkit-transition: all .5s ease;
transition: all .5s ease;
zoom: 1;
}

图像正在改变悬停时的大小

1 个答案: