[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / blending / mix-blend-mode-isolated-group-3.html
| blob | aced767c5d02ef4a9437f161228cdb3f2521ca36 |
2 <html>
3 <head>
4 <style>
6 body {
7 background: blue;
8 }
10 div {
11 margin: 20px;
12 width: 60px;
13 height: 60px;
14 }
16 .parent {
17 position: relative;
18 z-index: -1;
19 float: left;
20 background: violet;
21 }
23 .child {
25 }
27 </style>
28 <!-- Test to ensure that blending is performed only with the contents of the element's nearest ancestor stacking context.
29 Test this with a parent element that has zIndex set. Also, tests whether a child element blends if the parent has a blend mode set.-->
30 <body>
34 </div>
35 </div>
39 </div>
40 </div>
44 </div>
45 </div>
49 </div>
50 </div>
54 </div>
55 </div>
59 </div>
60 </div>
64 </div>
65 </div>
69 </div>
70 </div>
74 </div>
75 </div>
79 </div>
80 </div>
84 </div>
85 </div>
89 </div>
90 </div>
94 </div>
95 </div>
99 </div>
100 </div>
104 </div>
105 </div>
109 </div>
110 </div>
111 </body>
112 </html>