堆叠半透明背景的模态显示异常背景与明亮的角落

Question

我有一个绝对定位的模态与半透明背景上的另一个模态，也有半透明的背景。通常，由于两个半透明背景重叠，背景现在应该稍微更暗。

但是，我得到一个非常奇怪的结果，其中角落比中间的部分更亮。

我使用Vuejs框架和最上面的模式是它下面的模式右边的模板中。换句话说，最顶端的模态是它下面的模态的一个孩子。

当我在没有其他模式的情况下显示此模式时，它具有正常的背景（均匀半透明，没有深色和浅色部分，如图所示）。

真的，被这种行为所困惑。有什么可能是错的，我该如何解决这个问题？

编辑

我错底下被绝对定位的模式。它实际上是固定位置的，并且将底部模态改变为绝对位置解决了这个问题。

Answer 1

将底部模态的位置更改为绝对解决此问题。