order-of-images-ref.html (797B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reftest Reference</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <style> 10 div 11 { 12 height: 100px; 13 position: relative; 14 width: 100px; 15 } 16 17 div#outer-black 18 { 19 background-color: black; 20 left: 90px; 21 top: 90px; 22 } 23 24 div#middle-orange 25 { 26 background-color: orange; 27 bottom: 30px; 28 right: 30px; 29 } 30 31 div#inner-blue 32 { 33 background-color: blue; 34 bottom: 30px; 35 right: 30px; 36 } 37 </style> 38 39 <p>Test passes if a blue box overlaps an orange box, which overlaps a black box. 40 41 <div id="outer-black"> 42 43 <div id="middle-orange"> 44 45 <div id="inner-blue"></div> 46 47 </div> 48 49 </div>