clipping-008.xht (1133B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: CSS clipping test</title> 5 <link rel="author" title="David Hyatt" href="mailto:hyatt@netscape.com"/> 6 7 <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> 8 <style type="text/css"> 9 div { 10 width: 100px; 11 height: 100px; 12 } 13 14 .green { 15 background-color: green; 16 } 17 18 .red { 19 background-color: red; 20 } 21 22 .overflow { 23 overflow: hidden; 24 } 25 26 .positioned { 27 position: absolute; 28 } 29 30 .fixed { 31 position: fixed; 32 left: 100px; 33 top: 100px; 34 } 35 36 .offset { 37 margin-left: 100px; 38 margin-top: 100px; 39 } 40 </style> 41 </head> 42 <body> 43 <p>Test passes if there is <strong>a green square</strong> and <strong>no red</strong>.</p> 44 45 <!-- This test is checking to make sure overflow is done using a containing 46 block model, and that a fixed positioned element inside an absolute positioned 47 element is not considered overflow. --> 48 49 <div class="overflow positioned"> 50 <div class="fixed"> 51 <div class="offset green overflow"></div> 52 </div> 53 </div> 54 55 </body> 56 </html>