contain-paint-ignored-cases-internal-table-001b.html (1076B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <title>CSS-contain test: paint containment on internal table elements except table-cell.</title> 6 <link rel="author" title="Yusuf Sermet" href="mailto:ysermet@mozilla.com"> 7 <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-paint"> 8 <link rel="match" href="contain-paint-ignored-cases-internal-table-001-ref.html"> 9 <meta name="assert" content="Paint containment should not apply to internal table elements except table-cell. This test testes only the tbody element, and confirms contain:paint does not create a stacking context."> 10 <style> 11 tbody { 12 contain: paint; 13 z-index: 10; 14 } 15 th { 16 background-color: blue; 17 padding-left: 50px; 18 } 19 caption { 20 position: fixed; 21 background-color: yellow; 22 z-index: 2; 23 } 24 </style> 25 </head> 26 <body> 27 <table> 28 <caption>PASS</caption> 29 <tbody> 30 <tr> 31 <th> </th> 32 </tr> 33 </tbody> 34 </table> 35 </body> 36 </html>