悬停时 CSS 缩放重叠

Question

我的一个朋友用的是自己写的CMS，当然可以加CSS。 图片的悬停缩放本身可以正常工作，但 CMS 的预定义滑块会导致以下图像重叠。 我可以用我的 CSS 解决这个问题吗？有了“保证金”，我没有走得更远。

这是我的 CSS：

.img-hover-zoom {
overflow: hidden;
margin: auto;
}

.img-hover-zoom img {
transition: transform 1.0s ease;
cursor: grab;
}

.img-hover-zoom:hover img {
 transform: scale(1.5);
}

Answer 1

    .img-hover-zoom {
overflow: hidden;
margin: auto;
}


.img-hover-zoom img {
transition: transform 1.0s ease;
cursor: grab;
}

/* if it's still overlapping resize the scale */
.img-hover-zoom:hover img {
 transform: scale(1.0);
}