当悬停在其他所有东西的顶部时显示放大图像

提问者：小点点

在我的网页上，我有一个网格图像。当我将鼠标悬停在其中一幅图像上时，我想要显示这幅图像的放大版本。目前我正在通过CSS这样做:

.effectscale {
  border: none;
  margin: 0 auto;
}
.effectscale:hover {
  transform: scale(2);
  transition: all 0.3s;
}

这工作很好，但是，现在一个图像的放大版本显示在所有先前的图像之上，但在网格中所有后续的图像之下。我想要的是将放大版的图像显示在所有其他图像之上，即显示在所有其他图像之上，甚至是网格中的下面这些图像之上。

此外，当我悬停在位于其父级

边界的图像上时，图像的放大版本将在该div的边界处剪切。但是，我还希望将图像的放大版本浮动到其他所有内容之上，这样即使是

的边框也不会阻止整个图像的显示。如何实现这一点？

共1个答案

匿名用户

尝试使用z-index以及悬停样式部分中的对齐方式，或者您也可以组合使用z-index和display:block。