transform-transformed-tbody-contains-fixed-position.html (1160B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Transformed tbody contains fixed position elements.</title> 5 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-rendering"> 7 <meta name="assert" content='This test ensures that transformed tbody element is a containing block for fixed position elements.'> 8 <link rel="match" href="transform-transformed-tbody-contains-fixed-position-ref.html"> 9 <style> 10 table, tbody, tr, td { 11 margin: 0; 12 padding: 0; 13 border-spacing: 0; 14 } 15 .pad { 16 height: 50px; 17 } 18 .container { 19 transform: translateX(20px) rotate(45deg); 20 transform-origin: left; 21 } 22 .fixed { 23 position: fixed; 24 top: 15px; 25 left: 10px; 26 background-color: lightblue; 27 } 28 </style> 29 </head> 30 <body> 31 <div class='pad'></div> 32 <table> 33 <tbody class='container'> 34 <tr> 35 <td>some text<div class='fixed'>fixed</div> 36 </td> 37 </tr> 38 </tbody> 39 </table> 40 </body> 41 </html>