abspos-breaking-008-ref.html (786B)
1 <!DOCTYPE html> 2 <html class="reftest-paged"> 3 <head> 4 <title>AbsPos Pagination, with clip:rect() and box-decoration-break:clone</title> 5 <style type="text/css"> 6 html, body { margin: 0; padding: 0; } 7 div { 8 position: absolute; 9 top: 120px; 10 border: 10px solid blue; 11 width: 50px; 12 height: 220px; 13 } 14 #mask1 { 15 z-index:1; 16 border-color: white; 17 background: white; 18 clip:rect(0px, auto, 202px, 0px); 19 } 20 #mask2 { 21 border-color: white; 22 background: white; 23 clip:rect(0px, 5px, auto, 0px); 24 } 25 #mask3 { 26 border-color: white; 27 background: white; 28 clip:rect(237px, auto, auto, 0px); 29 } 30 </style> 31 </head> 32 <body> 33 <div></div><div id="mask1"></div><div id="mask2"></div> 34 </body> 35 </html>