Move parseFontFaceDescriptor to CSSPropertyParser.cpp
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / compositing / squashing / squash-above-fixed-subpixel-2-expected.html
blob51aa536a357c43ffdaec68e9a0dbfd50aa3edc2b
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 .composited {
6 transform: translateZ(0);
9 .background {
10 position: fixed;
11 background-color: lightgray;
12 width: 300px;
13 height: 300px;
14 top: 150px;
15 left: 100px;
18 .cyan {
19 background-color: cyan;
22 .lime {
23 background-color: lime;
26 .overlapping {
27 position: relative;
28 z-index: 1;
29 width: 200px;
30 height: 100.5px;
33 .nonsubpixel {
34 position: relative;
35 z-index: 1;
36 width: 200px;
37 height: 100px;
40 #description {
41 position: absolute;
42 top: 100px;
43 left: 450px;
44 width: 300px;
47 #testResults {
48 display: none;
51 body {
52 margin: 0px;
54 </style>
56 </head>
58 <body>
60 <div id="description">
61 <p>This scenario tests that content is rendered correctly when
62 squashing composited layer is at a non-integral position, and contains
63 render layers at both integral and non-integral positions.</p>
64 </div>
66 <div class="composited background"> </div>
68 <div id="paragraph-a" class="overlapping cyan"></div>
69 <div id="paragraph-b" class="overlapping lime"></div>
70 <div id="paragraph-c" class="overlapping cyan"></div>
71 <div id="paragraph-d" class="overlapping lime"></div>
72 <div id="paragraph-e" class="overlapping cyan"></div>
73 <div id="paragraph-f" class="overlapping lime"></div>
74 <div id="paragraph-g" class="overlapping cyan"></div>
75 <div id="paragraph-h" class="overlapping lime"></div>
76 <div id="paragraph-i" class="overlapping cyan"></div>
77 <div id="paragraph-j" class="overlapping lime"></div>
78 <div id="paragraph-k" class="overlapping cyan"></div>
79 <div id="paragraph-l" class="overlapping lime"></div>
80 <div id="paragraph-m" class="overlapping cyan"></div>
81 <div id="paragraph-n" class="overlapping lime"></div>
83 </body>
85 </html>