Tach!
Die übliche Vorgehensweise ist, ein Backdrop-Element in den Hintergund zu legen (meist ein viewport-füllendes div), das alle Aktionsversuche mit dem Hintergrund abfängt.
Nachdem ich https://caniuse.com/#feat=dialog konsultiere, muss ich das "üblicherweise" doch mit einem ?! versehen.
Nein, das "üblicherweise" sind die derzeit verwendeten Nachbauten modaler Dialoge mit herkömmlichen Elementen. Beispielsweise bei Bootstrap.
dedlfix.