position-visibility-anchors-visible-css-visibility.html (914B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <meta name="assert" content="Position-visibility: anchors-visible should hide an element with an anchor that has visibility: hidden." /> 4 <title>CSS Anchor Positioning Test: position-visibility: anchors-visible</title> 5 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#position-visibility"> 6 <link rel="match" href="position-visibility-anchors-visible-css-visibility-ref.html"> 7 <style> 8 #container { 9 visibility: hidden; 10 } 11 12 #anchor { 13 anchor-name: --a1; 14 width: 100px; 15 height: 100px; 16 background: orange; 17 } 18 19 #target { 20 position-anchor: --a1; 21 position-visibility: anchors-visible; 22 position-area: bottom right; 23 width: 100px; 24 height: 100px; 25 background: red; 26 position: absolute; 27 top: 0; 28 left: 0; 29 } 30 </style> 31 32 <div id="container"> 33 <div id="anchor">anchor</div> 34 </div> 35 <div id="target">target</div>