third_party/WebKit/LayoutTests/tables/mozilla/marvin/backgr_layers-opacity.html

   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="next" href="backgr_fixed-bg.html" title="Special Tests: Fixed Backgrounds">
   6 <link rel="prev" href="backgr_border-table-cell.html" title="Special Tests: Fixed Backgrounds">
   7 <link rel="stylesheet" type="text/css" href="common.css">
   8
   9 <style type="text/css">
  10   table{background: white; color: black;}
  11   caption {color: white;}
  12   tr {background: red; opacity: 0.5; }
  13   tfoot {background: yellow; opacity: 0.5; }
  14   .a, .p {background: blue; opacity: 0.5; }
  15
  16 </style>
  17 </head>
  18 <body>
  19 <h1>CSS2 Table Backgrounds Test Suite</h1>
  20
  21 <h2>Part E: Special Tests</h2>
  22
  23     <h3>opacity: 0.5</h3>
  24
  25     <ul>
  26     <li>The first three rows should be red.
  27     <li>The last row should be orange.
  28     <li>Cell A should be purple. Cell P should also be purple, but of a shade that reflects the underlying orange rather than the red.
  29     </ul>
  30
  31     <dl>
  32        <dt>next
  33           <dd><a href="backgr_fixed-bg.html">Special Tests: Fixed Backgrounds</a>
  34        <dt>previous
  35           <dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a>
  36        <dt>contents
  37           <dd><a href="./backgr_index.html">Table of Contents</a>
  38     </dl>
  39
  40     <table class="separate">
  41     <caption>With 'border-collapse: separate'</caption>
  42     <colgroup class="colgroup-A">
  43       <col class="col-1">
  44       <col class="col-2">
  45       <col class="col-3">
  46     </colgroup>
  47     <colgroup class="colgroup-B">
  48       <col class="col-4">
  49     </colgroup>
  50     <thead>
  51       <tr class="th-row-1">
  52         <th class="a">TH A</th>
  53         <th class="b">TH B</th>
  54         <th class="c"></th>
  55         <th class="d">TH D</th>
  56       </tr>
  57     </thead>
  58     <tfoot>
  59       <tr class="tb-row-1">
  60         <td class="m" colspan=2>TD M</td>
  61
  62         <td class="o">TD O</td>
  63         <td class="p">TD P</td>
  64     </tfoot>
  65     <tbody>
  66       <tr class="tb-row-1">
  67         <td class="e" rowspan=2>TD E</td>
  68         <td class="f">TD F</td>
  69         <td class="g">TD G</td>
  70         <td class="h">TD H</td>
  71       </tr>
  72       <tr class="tb-row-2">
  73
  74         <td class="j">TD J</td>
  75         <td class="k">TD K</td>
  76         <td class="l">TD L</td>
  77       </tr>
  78     </tbody>
  79     </table>
  80
  81     <table class="collapse">
  82     <caption>With 'border-collapse: collapse'</caption>
  83     <colgroup class="colgroup-A">
  84       <col class="col-1">
  85       <col class="col-2">
  86       <col class="col-3">
  87     </colgroup>
  88     <colgroup class="colgroup-B">
  89       <col class="col-4">
  90     </colgroup>
  91     <thead>
  92       <tr class="th-row-1">
  93         <th class="a">TH A</th>
  94         <th class="b">TH B</th>
  95         <th class="c"></th>
  96         <th class="d">TH D</th>
  97       </tr>
  98     </thead>
  99     <tfoot>
 100       <tr class="tb-row-1">
 101         <td class="m" colspan=2>TD M</td>
 102
 103         <td class="o">TD O</td>
 104         <td class="p">TD P</td>
 105     </tfoot>
 106     <tbody>
 107       <tr class="tb-row-1">
 108         <td class="e" rowspan=2>TD E</td>
 109         <td class="f">TD F</td>
 110         <td class="g">TD G</td>
 111         <td class="h">TD H</td>
 112       </tr>
 113       <tr class="tb-row-2">
 114
 115         <td class="j">TD J</td>
 116         <td class="k">TD K</td>
 117         <td class="l">TD L</td>
 118       </tr>
 119     </tbody>
 120     </table>
 121 <div class="validity">
 122   <a href="http://validator.w3.org/check/referer"><img
 123      src="../images/valid-html401.png" height="31" width="88"
 124      alt="Valid HTML 4.01!"></a>
 125 </div>
 126 <address>
 127   CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;escape.com&gt;
 128 </address>
 129 </body>
 130 </html>