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.
Usage example
.tooltip {
/* Hide the tooltip if the button it's attached to is scrolled off-screen */
position-visibility: anchors-visible;
}Initial value
anchors-visible
Inherited
No
Applies to
absolutelyPositionedElements
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+