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

Question

我有一个绝对定位的模态，半透明背景在另一个模态的顶部，也有一个半透明的背景。通常情况下，由于两个半透明背景重叠，背景现在应该稍暗一些。

然而，我得到一个非常奇怪的结果，那里的角落比中间的部分更明亮。

我正在使用Vuejs框架，而最顶层的模态位于其下方模式的模板内。换句话说，最顶层的模态是其下方模态的子项。

当我显示此模态而后面没有其他模态时，它具有正常背景（均匀半透明，没有如图所示的暗部和亮部）。

真的，对此行为感到困惑。什么可能是错的，我怎么能解决这个问题？

修改

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

Answer 1

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