Html 框阴影显示不正确

为什么方框阴影在此处显示不正确：

.panel:hover {
  box-shadow: 0px 0px 150px #000000;
  z-index: 2;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.3);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.3);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.3);
  transition: all 200ms ease-in;
  transform: scale(1.3);
}

---

在某些框中，它不会显示在右侧。

如果您希望

z-index

能够一致工作，则需要设置

位置：相对


html，
身体{
身高：100%；
宽度：100%；
背景：url（数据：image/png；base64，ivborw0kggoaaaansuhueugaaaaaaaafcayaaacnbyblaaaai0leqvqiw2nkwat/GdHE/gp5jmicyagqipgxaamiciaegqaae4fbcyzcaaaasuvork5cyii=）#222；
}
h1{
颜色：白色；
文本对齐：居中；
}
.集装箱{
宽度：80%；
身高：80%；
保证金：0自动；
边框：红色；
颜色：白色；
}
.小组{
位置：相对；/*添加此*/
浮动：左；
最小宽度：30%；
最大宽度：30%；
最小高度：30%；
最高高度：30%；
display:flex；/*测试是否对齐文本*/
对齐内容：居中；/*水平对齐*/
对齐项目：居中；/*垂直对齐*/
背景色：#FF6961；
利润率：1%；
边框：白色；
颜色：#222；
-webkit过渡：所有200毫秒的易用性；
-webkit转换：规模（1）；
-ms转换：所有200毫秒的速度都很慢；
-ms变换：尺度（1）；
-moz转换：所有200毫秒的速度都很慢；
-moz变换：比例（1）；
过渡：所有200毫秒的速度都很慢；
变换：比例（1）；
-指标：1；
}
.面板：悬停{
盒影：0px 0px 150px 0px白色；
z指数：2；
-webkit转换：规模（1.3）；
转换：比例（1.3）；
}
跨度{
显示：内联块；
垂直对齐：中间对齐；
线高：正常；
}

标题在这里
论坛
新闻
排行榜
关于
它在W7x64上的IE11和FF43.0.4中都能正常工作。你用的是什么浏览器？嗯，chrome，让我试试看。我想只是chrome不起作用了，哈哈。哦，不仅仅是chrome，还有基于chrome的浏览器，而且可能不适用于webkit，因为chrome是从webkit派生的。