cross-domain-iframe-paint-order.sub.html (726B)
1 <!DOCTYPE html> 2 <title>Cross-domain iframe paint order</title> 3 <link rel="help" href="https://www.w3.org/TR/CSS2/zindex.html"> 4 <link rel="match" href="cross-domain-iframe-paint-order-ref.html"> 5 <style> 6 iframe { 7 display: block; 8 background: red; 9 width: 100px; 10 height: 100px; 11 padding: 30px; 12 border: none; 13 box-sizing: border-box; 14 } 15 #negative-margin { 16 width: 100px; 17 height: 100px; 18 background: lime; 19 margin-top: -100px; 20 } 21 </style> 22 <iframe src="http://{{hosts[alt][www]}}:{{ports[http][0]}}/css/CSS2/normal-flow/support/green.html"></iframe> 23 <!-- #negative-margin should paint on top of the background of the iframe 24 (but not the contents). --> 25 <div id="negative-margin"></div>