position-visibility
Controls when an anchor-positioned element should be shown or hidden based on the visibility of its anchor. For example, you can hide a tooltip if its anchor is scrolled out of view.
It is documented as part of the CSS Anchor Positioning specification.
Syntax
/* Usage Example */
.tooltip {
/* Hide the tooltip if the button it's attached to is scrolled off-screen */
position-visibility: anchors-visible;
}
/* Syntax */
position-visibility: always;
position-visibility: anchors-valid;
position-visibility: anchors-visible;
position-visibility: no-overflow;
/* Global values */
position-visibility: inherit;
position-visibility: initial;
position-visibility: revert;
position-visibility: revert-layer;
position-visibility: unset;position-visibility Browser support
Limited availability
Since
2020 75% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
125+
26.2+
125+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more