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 |