table-layer-transparency-003.xht (1896B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Background on a column group element shows on all of a cell that spans through it</title> 5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> 6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layers" /> 7 <meta name="flags" content="96dpi image" /> 8 <meta name="assert" content="A background set on a column group element will show on all of a cell that spans outside of it, but it will not affect background image positioning." /> 9 <style type="text/css"> 10 table 11 { 12 border-collapse: collapse; 13 } 14 #blue 15 { 16 background-image: url("support/bar_with_corner_dot.png"); 17 } 18 td 19 { 20 height: 50px; 21 padding: 0; 22 width: 50px; 23 } 24 </style> 25 </head> 26 <body> 27 <p>Test passes if there is a blue 'L' with a light blue dot in its upper-left corner (and no other blue dots) below.</p> 28 <table> 29 <colgroup id="blue"> 30 <col /> 31 </colgroup> 32 <colgroup> 33 <col /> 34 </colgroup> 35 <colgroup> 36 <col /> 37 </colgroup> 38 <tbody> 39 <tr> 40 <td></td> 41 <td></td> 42 <td></td> 43 </tr> 44 <tr> 45 <td></td> 46 <td></td> 47 <td></td> 48 </tr> 49 <tr> 50 <td colspan="3"></td> 51 </tr> 52 </tbody> 53 </table> 54 </body> 55 </html>