third_party/WebKit/LayoutTests/fast/layers/backface-visibility-zero-width-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <title>Zero-width layers</title>
   5 <style>
   6
   7 .foo {
   8     margin: 100px;
   9 }
  10
  11 .button {
  12     display: block;
  13     font-size: 14px;
  14     height: 46px;
  15     position: absolute;
  16     left: 105px;
  17     text-align: center;
  18     text-transform: lowercase;
  19     top: 27px;
  20     transform: none;
  21     visibility: visible;
  22     width: 100px;
  23     z-index: 10021;
  24 }
  25
  26 .button::before {
  27     color: rgb(0, 0, 0);
  28     display: block;
  29     font-size: 40px;
  30     height: 46px;
  31     width: 0px;
  32     z-index: auto;
  33     content: 'A'
  34 }
  35
  36 .container {
  37     width: 100%;
  38     height: 100%;
  39 }
  40
  41 </style>
  42 </head>
  43 <body>
  44     <aside class="container">
  45         <span class="button"></span>
  46         <div class="foo"></div>
  47     </aside>
  48     <p>
  49         A lowercase a should appear above.
  50     </p>
  51 </body>
  52 </html>