半透明の背景を持つモザリングを積み重ねると、より明るいコーナーで異常な背景が表示されます

Question

半透明の背景を持つ別のモダールの上に半透明の背景を持つ絶対配置されたモダールがあります。通常、背景は2つの半透明の背景が重なっているため、わずかに暗くなります。

しかし、私は非常に奇妙な結果を得ています。ここで、コーナーは真ん中の部分よりも明るいです。

私はVuejsフレームワークを使用していますが、最上位のモーダルは、その下のモーダル右のテンプレート内にあります。言い換えれば、一番上のモーダルはその下のモーダルの子です。

私は、このモーダルの背後に別のモーダルがない状態でこのモーダルを表示していますが、通常の背景（均一な半透明で、図示のように暗くて軽い部分はありません）です。

本当に、この動作によって混乱します。何が間違っている可能性があり、どうすればこの問題を解決できますか？

EDIT

は、私は絶対に配置されている下のモーダルについて間違っていました。実際には固定されていましたが、ボトムモダルを絶対に配置してこの問題を解決しました。

Answer 1

ボトムモダルの位置を絶対に変更すると、この問題が解決します。