Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <title>filter-bug</title> | |
| 5 <style> | |
| 6 .backdrop { | |
| 7 position: absolute; | |
| 8 top: 0; | |
| 9 left: 0; | |
| 10 height: 100px; | |
| 11 width: 100px; | |
| 12 background-color: silver; | |
| 13 } | |
| 14 | |
| 15 .overlay { | |
| 16 position: absolute; | |
| 17 top: 50px; | |
| 18 left: 50px; | |
| 19 width: 400px; | |
| 20 height: 100px; | |
| 21 background: gray; | |
| 22 box-shadow: 0 0 4px black; | |
| 23 } | |
| 24 | |
| 25 .play { | |
| 26 font-size: 36pt; | |
| 27 background-color: navy; | |
| 28 color: white; | |
| 29 } | |
| 30 .composited { | |
| 31 -webkit-transform: translateZ(0); | |
| 32 } | |
| 33 </style> | |
| 34 </head> | |
| 35 <body> | |
| 36 <div class="composited backdrop"></div> | |
| 37 <div class="overlay"> | |
| 38 <span id="play" class="play changed">this should be | |
| 39 visible</span> | |
| 40 </div> | |
| 41 </body> | |
| 42 </html> | |
| OLD | NEW |