图像放大过渡

Question

我是HTML和CSS的新手，但我把一些代码串在一起，当我的鼠标悬停在它们上面时，我的图像会稍微扩大一些。然而，图像有时不会相互放大，有些图像会紧密排列在一起。有没有人知道如何让他们在放大时忽略其他图像？

这是我的代码：

img.one {
position: absolute;
cursor: pointer;
top: 10px;
left: 10px;
transition: all .2s ease-in-out;

}

img.one:hover {
transform: scale(1.1);

}

Answer 1

使用z-index属性控制哪些元素位于其他元素前面。

img.one:hover {
  transform: scale(1.1);
  z-index: 1;
}