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.

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

BCD data

• css.properties.overlay