transform-transformed-caption-contains-fixed-position.html (1154B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Transformed caption 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 caption element is a containing block for fixed position elements.'> 8 <link rel="match" href="transform-transformed-caption-contains-fixed-position-ref.html"> 9 <style> 10 table, caption { 11 margin: 0; 12 padding: 0; 13 border-spacing: 0; 14 text-align: left; 15 } 16 .pad { 17 height: 50px; 18 } 19 .container { 20 transform: translateX(20px) rotate(45deg); 21 transform-origin: left; 22 } 23 .fixed { 24 position: fixed; 25 top: 15px; 26 left: 10px; 27 background-color: lightblue; 28 } 29 </style> 30 </head> 31 <body> 32 <div class='pad'></div> 33 <table style='width: 100px;'> 34 <caption class='container'>some text<div class='fixed'>fixed</div> 35 </caption> 36 </table> 37 </body> 38 </html>