隐藏在其他div标签后面的图像比例尺上的悬停

Question

我设法在图像上盘旋，但图像似乎隐藏在牌后。我怎样才能在卡片前面看到它呢？

在这里截图

​

​

这是我的css

  .zoom {
    transition: transform .2s;
  }
  .zoom:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(4); 
  }

我可以在我的css中添加什么，使它在卡片的前面可见？

Answer 1

您可以使用Z-指数在卡片前面移动图像；

.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(4);
  z-index: 999;
}

Answer 2

将z-索引高于正确的部分卡给您的pc部分。