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.
Quick example
.tooltip {
/* Hide the tooltip if the button it's attached to is scrolled off-screen */
position-visibility: anchors-visible;
}Quick facts
Initial value
anchors-visibleInherited
No
Applies to
absolutely positioned elements
Animation type
discrete
Values
alwaysanchors-validanchors-visibleno-overflow position-visibility Browser Support
Limited availability 75% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
125+
26.2+
125+