OLD | NEW |
| (Empty) |
1 <!DOCTYPE HTML> | |
2 <html> | |
3 <head> | |
4 <title>Repaint test for http://bugs.webkit.org/show_bug.cgi?id=12123</title> | |
5 <script src="../../resources/ahem.js"></script> | |
6 <style> | |
7 .spacer { width: 0; height: 6px; } | |
8 .test { border: thin dotted lightgray; margin: 2px; height: 35px; } | |
9 .outer { border: thin solid purple; padding: 5px; width: 50px; margin-le
ft: 50px; } | |
10 .outer > div { height: 10px; background-color: pink; } | |
11 .outer > div > div { width: 40px; height: 10px; background-color: lightb
lue; } | |
12 span { font-family: Ahem; color: blue; } | |
13 .box { display: -webkit-box; } | |
14 </style> | |
15 </head> | |
16 <body> | |
17 <div class="test"> | |
18 <div class="spacer" id="spacer1"></div> | |
19 <div class="outer"> | |
20 <div> | |
21 <div style="float: left; margin-left: -2px;"> | |
22 <span style="margin-left: -2px;">x</span> | |
23 </div> | |
24 </div> | |
25 </div> | |
26 </div> | |
27 | |
28 <div class="test"> | |
29 <div class="spacer" id="spacer2"></div> | |
30 <div class="outer"> | |
31 <div> | |
32 <div style="float: left; margin-left: -2px;"> | |
33 <span style="margin-left: -8px;">x</span> | |
34 </div> | |
35 </div> | |
36 </div> | |
37 </div> | |
38 | |
39 <div class="test"> | |
40 <div class="spacer" id="spacer3"></div> | |
41 <div class="outer"> | |
42 <div> | |
43 <div style="float: left; margin-left: -8px;"> | |
44 <span style="margin-left: -2px;">x</span> | |
45 </div> | |
46 </div> | |
47 </div> | |
48 </div> | |
49 | |
50 <div class="test"> | |
51 <div class="spacer" id="spacer4"></div> | |
52 <div class="outer"> | |
53 <div> | |
54 <div style="float: left;"> | |
55 <span style="margin-left: -8px;">x</span> | |
56 </div> | |
57 </div> | |
58 </div> | |
59 </div> | |
60 | |
61 <div class="test"> | |
62 <div class="spacer" id="spacer5"></div> | |
63 <div class="outer"> | |
64 <div> | |
65 <div style="float: left; margin-left: -8px;"> | |
66 <span>x</span> | |
67 </div> | |
68 </div> | |
69 </div> | |
70 </div> | |
71 | |
72 <div class="test"> | |
73 <div class="spacer" id="spacer6"></div> | |
74 <div class="outer box" style="-webkit-box-orient: vertical;"> | |
75 <div> | |
76 <div style="float: left; margin-left: -8px;"> | |
77 <span>x</span> | |
78 </div> | |
79 </div> | |
80 </div> | |
81 </div> | |
82 | |
83 <div class="test"> | |
84 <div class="spacer" id="spacer12"></div> | |
85 <div class="outer box" style="-webkit-box-orient: horizontal;"> | |
86 <div> | |
87 <div style="float: left; margin-left: -8px;"> | |
88 <span>x</span> | |
89 </div> | |
90 </div> | |
91 </div> | |
92 </div> | |
93 | |
94 <div class="test"> | |
95 <div class="spacer" id="spacer7"></div> | |
96 <table class="outer"> | |
97 <tr> | |
98 <td style="height: 10px; background-color: pink; width: 100%;"> | |
99 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: left;"> | |
100 <span style="margin-left: -4px;">x</span> | |
101 </div> | |
102 </td> | |
103 </tr> | |
104 </table> | |
105 </div> | |
106 | |
107 <div class="test"> | |
108 <div class="spacer" id="spacer8"></div> | |
109 <table class="outer"> | |
110 <tr> | |
111 <td style="height: 10px; background-color: pink; width: 100%;"> | |
112 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: left;"> | |
113 <span style="margin-left: -12px;">x</span> | |
114 </div> | |
115 </td> | |
116 </tr> | |
117 </table> | |
118 </div> | |
119 | |
120 <div class="test" style="height: 50px;"> | |
121 <div class="spacer" id="spacer14"></div> | |
122 <table class="outer" style="display: inline-table;"> | |
123 <tr> | |
124 <td style="height: 10px; background-color: pink; width: 100%;"> | |
125 <div style="width: 40px; height: 10px; background-color: lig
htblue; float: left;"> | |
126 <span style="margin-left: -12px;">x</span> | |
127 </div> | |
128 </td> | |
129 </tr> | |
130 </table> | |
131 </div> | |
132 | |
133 <div class="test"> | |
134 <div class="spacer" id="spacer9"></div> | |
135 <div class="outer"> | |
136 <div> | |
137 <div style="opacity: 0.75; float: left; margin-left: -8px;"> | |
138 <span>x</span> | |
139 </div> | |
140 </div> | |
141 </div> | |
142 </div> | |
143 | |
144 <div class="test"> | |
145 <div class="spacer" id="spacer10"></div> | |
146 <div class="outer"> | |
147 <div style="opacity: 0.75;"> | |
148 <div style="float: left; margin-left: -8px;"> | |
149 <span>x</span> | |
150 </div> | |
151 </div> | |
152 </div> | |
153 </div> | |
154 | |
155 <div class="test"> | |
156 <div class="spacer" id="spacer11"></div> | |
157 <div class="outer" style="opacity: 0.75"> | |
158 <div> | |
159 <div style="float: left; margin-left: -8px;"> | |
160 <span>x</span> | |
161 </div> | |
162 </div> | |
163 </div> | |
164 </div> | |
165 <div class="test" style="height: 48px"> | |
166 <div class="spacer" id="spacer13"></div> | |
167 <div class="outer"> | |
168 <div style="display: inline-block; height: 20px;"> | |
169 <div style="float: left; margin-left: -8px;"> | |
170 <span>x</span> | |
171 </div> | |
172 </div> | |
173 </div> | |
174 </div> | |
175 </body> | |
176 </html> | |
OLD | NEW |