我有两个 div，它们有阴影并且在同一个 z-index 上。
他们目前都在互相转换阴影。
我希望它们都在背景上转换阴影，而不是在彼此身上转换阴影。我该怎么做？
最佳答案
您不能让两个不同的元素具有相同的堆叠级别。元素始终具有不同的堆叠级别。这就是为什么您的第二个元素会影响第一个元素的原因。 (如果没有 z-index，DOM 中的外观决定堆叠级别)
Z-index 仅适用于非静态定位元素(相对、绝对)，因此这也无济于事。
IMO 如果没有一些小的 css-hacking，你无法达到你想要的效果(在元素上声明一个非静态位置并结合一个额外的包装元素 - 不要在父级上声明 z-index 而只在子元素)。
但如果我错了，请随时纠正我。
关于html - 两个 div 在同一水平上有阴影，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11612714/