layout/reftests/table-background/backgr_fixed-bg.html

Thu, 15 Jan 2015 15:55:04 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 15:55:04 +0100
branch
TOR_BUG_9701
changeset 9
a63d609f5ebe
permissions
-rw-r--r--

Back out 97036ab72558 which inappropriately compared turds to third parties.

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

mercurial