backgr_fixed-bg.html (3793B)
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 4 <title>layers: opacity</title> 5 <link rel="prev" href="backgr_layers-opacity.html" title="Special Tests: opacity"> 6 <link rel="contents" href="./backgr_index.html" title="Table of Contents"> 7 <link rel="stylesheet" type="text/css" href="common.css"> 8 <style type="text/css"> 9 table{background: white; color: black;} 10 caption {color: white;} 11 .tb-row-1, thead, .l {background: url(edge.gif) fixed;} 12 .a, .p {background: url(rainbowv.gif) fixed; } 13 </style> 14 </head> 15 <body> 16 <h1>CSS2 Table Backgrounds Test Suite</h1> 17 18 <h2>Part E: Special Tests</h2> 19 20 <h3>Fixed Backgrounds</h3> 21 22 <ul> 23 <li>If you scroll the table over the top left corner of the viewport, the first, second, and fourth rows as well as cell L should reveal a purple and aqua band forming a 90-degree angle in the top left corner. 24 <li>Cells A and P should have a rainbow background that seems attached to the viewport. 25 </ul> 26 27 <dl> 28 <dt>previous 29 <dd><a href="backgr_layers-opacity.html">Special Tests: opacity</a> 30 <dt>contents 31 <dd><a href="./backgr_index.html">Table of Contents</a> 32 </dl> 33 34 <table class="separate"> 35 <caption>With 'border-collapse: separate'</caption> 36 <colgroup class="colgroup-A"> 37 <col class="col-1"> 38 <col class="col-2"> 39 <col class="col-3"> 40 </colgroup> 41 <colgroup class="colgroup-B"> 42 <col class="col-4"> 43 </colgroup> 44 <thead> 45 <tr class="th-row-1"> 46 <th class="a">TH A</th> 47 <th class="b">TH B</th> 48 <th class="c"></th> 49 <th class="d">TH D</th> 50 </tr> 51 </thead> 52 <tfoot> 53 <tr class="tb-row-1"> 54 <td class="m" colspan=2>TD M</td> 55 56 <td class="o">TD O</td> 57 <td class="p">TD P</td> 58 </tfoot> 59 <tbody> 60 <tr class="tb-row-1"> 61 <td class="e" rowspan=2>TD E</td> 62 <td class="f">TD F</td> 63 <td class="g">TD G</td> 64 <td class="h">TD H</td> 65 </tr> 66 <tr class="tb-row-2"> 67 68 <td class="j">TD J</td> 69 <td class="k">TD K</td> 70 <td class="l">TD L</td> 71 </tr> 72 </tbody> 73 </table> 74 75 <table class="collapse"> 76 <caption>With 'border-collapse: collapse'</caption> 77 <colgroup class="colgroup-A"> 78 <col class="col-1"> 79 <col class="col-2"> 80 <col class="col-3"> 81 </colgroup> 82 <colgroup class="colgroup-B"> 83 <col class="col-4"> 84 </colgroup> 85 <thead> 86 <tr class="th-row-1"> 87 <th class="a">TH A</th> 88 <th class="b">TH B</th> 89 <th class="c"></th> 90 <th class="d">TH D</th> 91 </tr> 92 </thead> 93 <tfoot> 94 <tr class="tb-row-1"> 95 <td class="m" colspan=2>TD M</td> 96 97 <td class="o">TD O</td> 98 <td class="p">TD P</td> 99 </tfoot> 100 <tbody> 101 <tr class="tb-row-1"> 102 <td class="e" rowspan=2>TD E</td> 103 <td class="f">TD F</td> 104 <td class="g">TD G</td> 105 <td class="h">TD H</td> 106 </tr> 107 <tr class="tb-row-2"> 108 109 <td class="j">TD J</td> 110 <td class="k">TD K</td> 111 <td class="l">TD L</td> 112 </tr> 113 </tbody> 114 </table> 115 <div class="validity"> 116 <a href="http://validator.w3.org/check/referer"><img 117 src="valid-html401.png" height="31" width="88" 118 alt="Valid HTML 4.01!"></a> 119 </div> 120 <address> 121 CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> 122 </address> 123 <pre> 124 ................................................................................................................................................................................................ 125 . 126 . 127 . 128 . 129 . 130 . 131 . 132 . 133 . 134 . 135 . 136 . 137 . 138 . 139 . 140 . 141 . 142 . 143 . 144 . 145 . 146 . 147 . 148 . 149 . 150 . 151 </pre> 152 153 </body> 154 </html>