堆疊半透明背景的模態顯示異常背景與明亮的角落

Question

我有一個絕對定位的模態與半透明背景上的另一個模態，也有半透明的背景。通常，由於兩個半透明背景重疊，背景現在應該稍微更暗。

但是，我得到一個非常奇怪的結果，其中角落比中間的部分更亮。

我使用Vuejs框架和最上面的模式是它下面的模式右邊的模板中。換句話說，最頂端的模態是它下面的模態的一個孩子。

當我在沒有其他模式的情況下顯示此模式時，它具有正常的背景（均勻半透明，沒有深色和淺色部分，如圖所示）。

真的，被這種行爲所困惑。有什麼可能是錯的，我該如何解決這個問題？

編輯

我錯底下被絕對定位的模式。它實際上是固定位置的，並且將底部模態改變爲絕對位置解決了這個問題。

Answer 1

將底部模態的位置更改爲絕對解決此問題。