1752624.html (842B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 /* 5 * The rendering of the dotted border should be skipped if the border's box 6 * don't intersect with the dirty rect, even if the child node overflows from 7 * the border's box and the child node intersect with the dirty rect. 8 */ 9 10 /* Moves the outline-box out of the visible area. */ 11 #offset { 12 position: absolute; 13 left: 10px; 14 top: -150px; 15 width: 100px; 16 height: 100px; 17 border: 1px solid red; 18 } 19 #outline-box { 20 outline: 4px dotted; 21 width: 100px; 22 height: 100px; 23 position: relative; 24 } 25 /* Overflows from the parent outline-box, and this is visible. */ 26 #overflow-box { 27 border: 4px solid blue; 28 width: 10px; 29 height: 400px; 30 left: 10px; 31 top: 100px; 32 position: absolute; 33 } 34 </style> 35 <body> 36 <div id="offset"> 37 <div id="outline-box"> 38 <div id="overflow-box"> 39 </div> 40 </div> 41 </div> 42 </body> 43 </html>