contain-paint-ignored-cases-no-principal-box-001-ref.html (960B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reftest Reference</title> 6 <link rel="author" title="Yusuf Sermet" href="mailto:ysermet@mozilla.com"> 7 <style> 8 div { 9 position: relative; 10 width: 100px; 11 } 12 #div1, 13 #div3 { 14 background-color: #cfc; 15 height: 100px; 16 } 17 #div1 { 18 z-index: 5; 19 } 20 #div2 { 21 display: contents; 22 background-color: #fdd; 23 height: 100px; 24 top: -20px; 25 } 26 #div2_1 { 27 background-color: #ffc; 28 z-index: 6; 29 top: -10px; 30 height: 100px; 31 } 32 #div2_2 { 33 z-index: 3; 34 position: absolute; 35 top: -15px; 36 width: 40px; 37 height: 300px; 38 background-color: #ddf; 39 } 40 #div3 { 41 z-index: 2; 42 top: -50px; 43 } 44 </style> 45 </head> 46 <body> 47 <div id="div1"></div> 48 49 <div id="div2"> 50 <div id="div2_1"></div> 51 52 <div id="div2_2"></div> 53 </div> 54 55 <div id="div3"></div> 56 </body> 57 </html>