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.

     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>
    18 <h2>Part E: Special Tests</h2>
    20     <h3>Fixed Backgrounds</h3>
    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>
    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>
    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>
    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">
    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>
    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>
    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">
   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 &lt;fantasai&#64;escape.com&gt;
   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>
   153 </body>
   154 </html>

mercurial