origin-padding-box_with_position-ref.html (878B)
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 body 11 { 12 height: 568px; 13 overflow-y: hidden; 14 width: 584px; 15 } 16 17 div 18 { 19 display: inline-block; 20 position: relative; 21 vertical-align: bottom; 22 } 23 24 div.image 25 { 26 height: 288px; 27 width: 514px; 28 } 29 30 img 31 { 32 left: 1px; 33 position: absolute; 34 top: 1px; 35 } 36 37 div.light-blue-border 38 { 39 border: 16px solid rgba(60, 150, 255, 0.4); 40 bottom: 288px; 41 height: 256px; 42 width: 482px; 43 } 44 </style> 45 46 <div class="image"><img src="../background-origin/support/yellow-orange-blue-160x160.png" alt="Image download support must be enabled"></div><div class="light-blue-border"></div>