text-overflow-030.html (728B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Basic User Interface Test: ellipsis should render under other positioned content</title> 4 <link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"> 5 <link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow"> 6 <link rel="match" href="reference/text-overflow-030-ref.html"> 7 <style> 8 .positioned { 9 background-color: green; 10 position: absolute; 11 width: 100px; 12 height: 100px; 13 } 14 .ellipsis { 15 color: red; 16 overflow-x: hidden; 17 text-overflow: ellipsis; 18 white-space: pre; 19 width: 100px; 20 font: 50px sans-serif; 21 } 22 </style> 23 <p>Test passes if there is a green rectangle and no red.</p> 24 <div class="positioned"></div> 25 <div class="ellipsis"> </div>