overlay
Limited availability
The overlay
CSS property, used as an allow-discrete
CSS transition, prevents a top layer element, such as a popover or a <dialog>
, from being removed from the top layer before it has finished animating. You can't set the value of the overlay
property; only use it as transition property.
To learn more, see
overlay at MDN.
Compatibility
- Chrome 117 Released on 2023-09-12
- Chrome Android 117 Released on 2023-09-12
- Edge 117 Released on 2023-09-15
- Firefox ❌ Search for bugs Search for standards position
- Firefox for Android ❌ Search for bugs Search for standards position
- Safari ❌ Search for bugs Search for standards position
- Safari on iOS ❌ Search for bugs Search for standards position