| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title> | 4 <title> |
| 5 The background color of #backgournd_color_container div MUST be drawn below al
l children. | 5 The background color of #backgournd_color_container div MUST be drawn below al
l children. |
| 6 However, the background color is drawn over the child #issue div. | 6 However, the background color is drawn over the child #issue div. |
| 7 It's a minimal case of https://www.google.com/maps/views/explore?gl=us | 7 It's a minimal case of https://www.google.com/maps/views/explore?gl=us |
| 8 See crbug.com/345613 | 8 See crbug.com/345613 |
| 9 </title> | 9 </title> |
| 10 <style type="text/css"> | 10 <style type="text/css"> |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 background-color: red; | 27 background-color: red; |
| 28 position: absolute; | 28 position: absolute; |
| 29 } | 29 } |
| 30 #compositing { | 30 #compositing { |
| 31 left: 100px; | 31 left: 100px; |
| 32 top: 100px; | 32 top: 100px; |
| 33 width: 100px; | 33 width: 100px; |
| 34 height: 100px; | 34 height: 100px; |
| 35 position: absolute; | 35 position: absolute; |
| 36 background-color: blue; | 36 background-color: blue; |
| 37 -webkit-transform: translateZ(0); | 37 transform: translateZ(0); |
| 38 } | 38 } |
| 39 </style> | 39 </style> |
| 40 </head> | 40 </head> |
| 41 <body> | 41 <body> |
| 42 <div id="backgournd_color_container"> | 42 <div id="backgournd_color_container"> |
| 43 <div id="nested_container"> | 43 <div id="nested_container"> |
| 44 <div id="issue"></div> | 44 <div id="issue"></div> |
| 45 <div id="compositing"></div> | 45 <div id="compositing"></div> |
| 46 </div> | 46 </div> |
| 47 </div> | 47 </div> |
| 48 </body> | 48 </body> |
| 49 </html> | 49 </html> |
| OLD | NEW |