Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1000; } .modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; /* Above backdrop */ } .navbar { z-index: 100; } .dropdown { z-index: 200; } /* Above navbar */
Result
Open