Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1)

Side by Side Diff: LayoutTests/compositing/background-color/background-color-drawn-over-child.html

Issue 178013003: Drop background color optimization for composited layers (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698