前言

下面是2张普通且未放大的图片

 现在有个需求,鼠标指向图片放大,但只让图片放大,包裹图片的容器不放大,如下图

上面图片放大后,包裹图片的容器也随之放大,若我们想要下图的效果,只让图片放大,该怎么做呢?

 

解决方法

经过研究,我发现只要给包裹图片的容器加上 ovflow: hidden属性即可

 

假设你的html结构如下,给包裹img的a标签加上ovflow: hidden可,

如果加上属性发现仍然无法达到预期效果,看看是否给a标签加了padding

 

有需要的朋友可以领取支付宝到店红包,能省一点是一点