OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title> | |
5 background color of #backgournd_color_container div MUST is drawn below all ch ildren. | |
enne (OOO)
2014/02/27 00:44:56
typo
| |
6 However, the background color is drawn over the child #issue div. | |
7 Minimal case of https://www.google.com/maps/views/explore?gl=us | |
8 See crbug.com/345613 | |
9 </title> | |
10 <style type="text/css"> | |
11 #backgournd_color_container { | |
12 background-color: green; | |
13 position: absolute; | |
14 overflow: hidden; | |
15 z-index: 0; | |
16 } | |
17 #nested_container { | |
18 width: 200px; | |
19 height: 200px; | |
20 position: relative; | |
21 overflow: hidden; | |
22 z-index: 0; | |
23 } | |
24 #issue { | |
25 width: 100px; | |
26 height: 100px; | |
27 background-color: red; /* to draw something. It can be replaced to img tag or something. */ | |
enne (OOO)
2014/02/27 00:44:56
No need for this comment or the other one.
| |
28 position: absolute; | |
29 } | |
30 #compositing { | |
31 left: 100px; | |
32 top: 100px; | |
33 width: 100px; | |
34 height: 100px; | |
35 position: absolute; | |
36 background-color: blue; /* to draw something. It can be replaced to img ta g or something. */ | |
37 -webkit-transform: translateZ(0); | |
38 } | |
39 </style> | |
40 </head> | |
41 <body> | |
42 <div id="backgournd_color_container"> | |
43 <div id="nested_container"> | |
44 <div id="issue"></div> | |
45 <div id="compositing"></div> | |
46 </div> | |
47 </div> | |
48 </body> | |
49 </html> | |
OLD | NEW |