CSS Box阴影不会出现在Chrome中

Question

我一直在尝试这个但是由于一些奇怪的原因，{ - 1}}标签不会出现盒子阴影。我也尝试将z-index更改为更高的值，因为下一个元素高于它，但它仍然无法工作。任何人都可以帮忙解决这个问题吗？

这是代码。

https://jsfiddle.net/dqLvaghn/2/

提前致谢

Answer 1

您的box-shadow第4个值太大了。但在此问题出现之前，请在您的这两个元素中添加position:relative，因为z-index在没有position值的情况下无效。