diff options
Diffstat (limited to 'layout/reftests/table-background/backgr_layers-opacity.html')
-rw-r--r-- | layout/reftests/table-background/backgr_layers-opacity.html | 130 |
1 files changed, 130 insertions, 0 deletions
diff --git a/layout/reftests/table-background/backgr_layers-opacity.html b/layout/reftests/table-background/backgr_layers-opacity.html new file mode 100644 index 0000000000..2ced0e4117 --- /dev/null +++ b/layout/reftests/table-background/backgr_layers-opacity.html @@ -0,0 +1,130 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> +<title>layers: opacity</title> +<link rel="next" href="backgr_fixed-bg.html" title="Special Tests: Fixed Backgrounds"> +<link rel="prev" href="backgr_border-table-cell.html" title="Special Tests: Fixed Backgrounds"> +<link rel="stylesheet" type="text/css" href="common.css"> + +<style type="text/css"> + table{background: white; color: black;} + caption {color: white;} + tr {background: red; opacity: 0.5; } + tfoot {background: yellow; opacity: 0.5; } + .a, .p {background: blue; opacity: 0.5; } + +</style> +</head> +<body> +<h1>CSS2 Table Backgrounds Test Suite</h1> + +<h2>Part E: Special Tests</h2> + + <h3>opacity: 0.5</h3> + + <ul> + <li>The first three rows should be red. + <li>The last row should be orange. + <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. + </ul> + + <dl> + <dt>next + <dd><a href="backgr_fixed-bg.html">Special Tests: Fixed Backgrounds</a> + <dt>previous + <dd><a href="backgr_border-table-cell.html">Background with Borders: Background on 'table-cell'</a> + <dt>contents + <dd><a href="./backgr_index.html">Table of Contents</a> + </dl> + + <table class="separate"> + <caption>With 'border-collapse: separate'</caption> + <colgroup class="colgroup-A"> + <col class="col-1"> + <col class="col-2"> + <col class="col-3"> + </colgroup> + <colgroup class="colgroup-B"> + <col class="col-4"> + </colgroup> + <thead> + <tr class="th-row-1"> + <th class="a">TH A</th> + <th class="b">TH B</th> + <th class="c"></th> + <th class="d">TH D</th> + </tr> + </thead> + <tfoot> + <tr class="tb-row-1"> + <td class="m" colspan=2>TD M</td> + + <td class="o">TD O</td> + <td class="p">TD P</td> + </tfoot> + <tbody> + <tr class="tb-row-1"> + <td class="e" rowspan=2>TD E</td> + <td class="f">TD F</td> + <td class="g">TD G</td> + <td class="h">TD H</td> + </tr> + <tr class="tb-row-2"> + + <td class="j">TD J</td> + <td class="k">TD K</td> + <td class="l">TD L</td> + </tr> + </tbody> + </table> + + <table class="collapse"> + <caption>With 'border-collapse: collapse'</caption> + <colgroup class="colgroup-A"> + <col class="col-1"> + <col class="col-2"> + <col class="col-3"> + </colgroup> + <colgroup class="colgroup-B"> + <col class="col-4"> + </colgroup> + <thead> + <tr class="th-row-1"> + <th class="a">TH A</th> + <th class="b">TH B</th> + <th class="c"></th> + <th class="d">TH D</th> + </tr> + </thead> + <tfoot> + <tr class="tb-row-1"> + <td class="m" colspan=2>TD M</td> + + <td class="o">TD O</td> + <td class="p">TD P</td> + </tfoot> + <tbody> + <tr class="tb-row-1"> + <td class="e" rowspan=2>TD E</td> + <td class="f">TD F</td> + <td class="g">TD G</td> + <td class="h">TD H</td> + </tr> + <tr class="tb-row-2"> + + <td class="j">TD J</td> + <td class="k">TD K</td> + <td class="l">TD L</td> + </tr> + </tbody> + </table> +<div class="validity"> + <a href="http://validator.w3.org/check/referer"><img + src="valid-html401.png" height="31" width="88" + alt="Valid HTML 4.01!"></a> +</div> +<address> + CSS2 Table Backgrounds Test Suite designed and written by fantasai <fantasai@escape.com> +</address> +</body> +</html> |