CSS变换缩放z索引

我正试图弄清楚如何将“一些特色设计作品”部分的悬停内容置于该部分的其他瓷砖之上

将鼠标悬停在400x400图像占位符上，您会看到这些占位符的标题位于其他占位符的下方

---

谢谢

只需使用

z-index

：

.wordWrap:hover{
   ...
   z-index: 1;
}

---

只需使用

z-index

：

.wordWrap:hover{
   ...
   z-index: 1;
}

---

由于磁贴位于不同的

“行”

div

，因此无论应用什么

z-index

，它们都将按照父

“行”

div顺序堆叠

z-index

属性与父容器相关。因此，第一行中的

z-index

为100，将位于第二行中的

z-index

为1的下方

---

您只能通过将所有磁贴放入相同的

“行”

div

，然后为悬停样式提供一个高的

z-index

（类似9999）。

由于磁贴位于不同的

“行”

div

，因此无论应用什么

z-index

，它们将按照父级

“行”

div顺序堆叠

z-index

属性与父容器相关。因此，第一行中的

z-index

为100，将位于第二行中的

z-index

为1的下方

---

您只能通过将所有平铺放在相同的

“行”

div

中，然后为悬停样式提供一个高

z-index

（类似9999）来解决此问题。

通过检查您提供的示例上的代码，看起来每个图像都有一个负

z-index:-999

然后是一个

变换：缩放（1.5）；

应用于悬停时的父对象

---

通过检查您提供的示例上的代码，看起来每个图像都有一个负的

z索引：-999

，然后将

变换：比例（1.5）；

应用于悬停的父图像