Html 需要悬停的元素顶部的父元素

我有一个div（.wrapper），其中有一个div（.bloks），在光栅（5*5）上有20个div（.blok），每个div有两个div（.front和.back面板）。不悬停时会出现.front面板，您可以猜到，.back面板悬停时会出现.blok。。这一切都很好：D

问题是div.bloks首先出现在这个大块（600xauto）的后面，元素.blok参见ps#1

我很久以前就看过这部电影了。。但现在它已经掠过我的脑海

我已经试过了：

• .wrapper>.blok:hover

• .bloks>.blok:悬停

• （创建.blok:before dim:100px100px（.blok dim）content=“”）和 使用

  .blok:hover:before

• .wrapper{pos:rel，z-index:0}

  &

  .bloks{pos:abs，z-index:10}

  &

  .blok{pos:rel，z-index:10}

链接到代码笔：

提前谢谢

ps#1:（箭头代表我的鼠标）

ps#2:

@导入url(https://fonts.googleapis.com/css?family=Pinyon+剧本）；
@导入url(https://fonts.googleapis.com/css?family=Creepster);
* {
填充：0；
保证金：0；
}
html，
身体{
身高：100%；
}
身体{
背景：黑色；
背景：径向梯度（顶部中心的圆圈，#01011d，#000000）；
}
.包装纸{
-webkit透视图：1000px；
透视图：1000px；
}
布洛克先生{
宽度：600px；
位置：绝对位置；
左：50%；
左边距：-300px；
变换：rotateX（75度）rotateZ（-45度）；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
}
布洛克先生{
宽度：100px；
高度：100px；
浮动：左；
利润率：0 10px 10px 0；
光标：指针；
背景：rgb（255、255、255）；
指针事件：无；
-webkit转换：0.6s；
过渡：0.6s；
变换样式：保留-3d；
}
布洛克：悬停{
变换：旋转（180度）；
颜色：红色；
}
.前线，
.回来{
宽度：100px；
高度：100px；
}
.前线，
.回来{
背面可见性：隐藏；
位置：绝对位置；
排名：0；
左：0；
}
正面{
z指数：2；
/*对于Firefox31*/
变换：旋转（0度）；
}
.回来{
变换：旋转（180度）；
}

正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回

尝试从

.blok

css

@导入url(https://fonts.googleapis.com/css?family=Pinyon+剧本）；
@导入url(https://fonts.googleapis.com/css?family=Creepster);
* {
填充：0；
保证金：0；
}
html，
身体{
身高：100%；
}
身体{
背景：黑色；
背景：径向梯度（顶部中心的圆圈，#01011d，#000000）；
}
.包装纸{
-webkit透视图：1000px；
透视图：1000px；
}
布洛克先生{
宽度：600px；
位置：绝对位置；
左：50%；
左边距：-300px；
变换：rotateX（75度）rotateZ（-45度）；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
}
布洛克先生{
宽度：100px；
高度：100px；
浮动：左；
利润率：0 10px 10px 0；
光标：指针；
背景：rgb（255、255、255）；
/*指针事件：无*/
-webkit转换：0.6s；
过渡：0.6s；
变换样式：保留-3d；
}
布洛克：悬停{
变换：旋转（180度）；
颜色：红色；
}
.前线，
.回来{
宽度：100px；
高度：100px；
}
.前线，
.回来{
背面可见性：隐藏；
位置：绝对位置；
排名：0；
左：0；
}
.前线{
z指数：2；
/*对于Firefox31*/
变换：旋转（0度）；
}
.回来{
变换：旋转（180度）；
}

正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回
正面
返回

在代码笔中，悬停时不会发生任何事情。根据您的问题，后面板应显示为悬停。@Michael_B真的吗？？：p我知道我的全部问题。。。读标题。。需要悬停的元素顶部的父元素。。感谢您的关注和时间。前面板在不悬停时显示，您可以猜到。后面板在悬停.blok时显示。。这一切都很好：Dit@Michael_B悬停功能运行良好。。。（见附文2）好的。如果我误解了，我道歉。从你的问题来看，这似乎是一个堆叠问题，而不是悬停问题。。这是一个概念，并重建了7次。。。忘记删除那一行了。。谢谢（我需要睡觉）