Hidden Backdrops Dialog Demo

Click buttons below and the dialogs will open in the top layer.

Normally, top layer elements backdrops overlap each other. In this demo, only the backdrop of the first top layer element in the stack is visible.

DIALOG 1.

I'm a dialog element that is open. My ::backdrop is styled to have a blue background.

My backdrop is only visible if I was opened first.

DIALOG 2.

I'm a dialog element that is open. My ::backdrop is styled to have a pink background.

My backdrop is only visible if I was opened first.