position-visibility-no-overflow-nested.html (834B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Anchor Positioning Test: position-visibility</title> 4 <link rel="help" href="https://drafts.csswg.org/css-anchor-position-1/#position-visibility"> 5 <link rel="match" href="position-visibility-no-overflow-nested-ref.html"> 6 <style> 7 .container { 8 position: relative; 9 width: 100px; 10 height: 100px; 11 background: green; 12 } 13 .outer { 14 position: absolute; 15 top: 10px; 16 width: 100px; 17 height: 100px; 18 background: yellow; 19 position-visibility: no-overflow; 20 } 21 .inner { 22 position: absolute; 23 width: 50px; 24 height: 50px; 25 background: red; 26 position-visibility: no-overflow; 27 } 28 </style> 29 <div class=container> 30 <div class=outer> 31 Outer overflows. 32 <div class=inner> 33 Inner doesn't but still shouldn't be visible. 34 </div> 35 </div> 36 </div>