372063-1.html (3161B)
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html><head> 3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 4 <title>Testcase for bug 372063</title> 5 <style type="text/css"> 6 7 html,body { 8 color:black; background-color: white; font-size:16px; padding:0; margin:0; 9 } 10 11 div {color:white; font-size: xx-large; top: 0; left: 0; position: absolute; width: 100px; height:100px;} 12 .pass { background:green; } 13 .fail { background: red; } 14 15 .test1 { top:0; } 16 .test2 { top:150px; } 17 .test3 { top:300px; } 18 .test4 { top:450px; } 19 .test4b{ left:-100px;} 20 .test4b div { top:100px; left:100px;} 21 .test4c{ left:-100px;} 22 .test4c div div { top:100px; left:100px;} 23 .test5 { top:600px; } 24 .test6 { top:750px; } 25 .test5b , .test6b{ left:-100px; } 26 .test5b div , .test6b div { left:100px;} 27 .test5c , .test6c { left:-100px;} 28 .test5c div div , .test6c div div { left:100px;} 29 30 #test_inherit { left: 400px; height:auto; bottom:0; } 31 .inherit { clip:inherit; } 32 </style> 33 </head> 34 <body> 35 36 <div class="test1"> 37 <div class="fail">FAIL</div> 38 <div style="clip:rect(auto auto auto auto);"> 39 <div class="pass">PASS</div> 40 </div> 41 </div> 42 43 <div class="test2"> 44 <div class="pass">PASS</div> 45 <div style="clip:rect(0 0 0 0);"> 46 <div class="fail">FAIL</div> 47 </div> 48 </div> 49 50 <div class="test3"> 51 <div class="fail">FAIL</div> 52 <div style="clip:rect(0,200px,200px,0);"> 53 <div class="pass">PASS</div> 54 </div> 55 </div> 56 57 <div class="test4"> 58 <div class="pass">PASS</div> 59 <div class="test4b" style="clip:rect(auto auto auto auto);"> 60 <div class="fail">FAIL</div> 61 </div> 62 </div> 63 64 <div class="test5"> 65 <div class="fail">FAIL</div> 66 <div class="test5b" style="clip:auto;"> 67 <div class="pass">PASS</div> 68 </div> 69 </div> 70 71 <div class="test6"> 72 <div class="fail">FAIL</div> 73 <div class="test6b" style=""> 74 <div class="pass">PASS</div> 75 </div> 76 </div> 77 78 <!-- same as above but with intermediary div with clip:inherit --> 79 <div id="test_inherit"> 80 <div class="test1"> 81 <div class="fail">FAIL</div> 82 <div style="clip:rect(auto auto auto auto);"> 83 <div class="inherit"> 84 <div class="pass">PASS</div> 85 </div> 86 </div> 87 </div> 88 89 <div class="test2"> 90 <div class="inherit"> 91 <div class="pass">PASS</div> 92 </div> 93 <div style="clip:rect(0 0 0 0);"> 94 <div class="inherit"> 95 <div class="fail">FAIL</div> 96 </div> 97 </div> 98 </div> 99 100 <div class="test3"> 101 <div class="inherit"> 102 <div class="fail">FAIL</div> 103 </div> 104 <div style="clip:rect(0,200px,200px,0);"> 105 <div class="inherit"> 106 <div class="pass">PASS</div> 107 </div> 108 </div> 109 </div> 110 111 <div class="test4"> 112 <div class="inherit"> 113 <div class="pass">PASS</div> 114 </div> 115 <div class="test4c" style="clip:rect(auto auto auto auto);"> 116 <div class="inherit"> 117 <div class="fail">FAIL</div> 118 </div> 119 </div> 120 </div> 121 122 <div class="test5"> 123 <div class="inherit"> 124 <div class="fail">FAIL</div> 125 </div> 126 <div class="test5c" style="clip:auto;"> 127 <div class="inherit"> 128 <div class="pass">PASS</div> 129 </div> 130 </div> 131 </div> 132 133 <div class="test6"> 134 <div class="inherit"> 135 <div class="fail">FAIL</div> 136 </div> 137 <div class="test6c" style=""> 138 <div class="inherit"> 139 <div class="pass">PASS</div> 140 </div> 141 </div> 142 </div> 143 144 </div> 145 146 </body> 147 </html>