OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .square { | 5 .square { |
6 width: 100px; | 6 width: 100px; |
7 height: 100px; | 7 height: 100px; |
8 float: left; | 8 float: left; |
9 margin: 50px; | 9 margin: 50px; |
10 } | 10 } |
11 | 11 |
12 .transparent-border { | 12 .transparent-border { |
13 background-color:red; | 13 background-color:red; |
14 border-bottom: 10px solid rgba(1, 52, 193, 0.5); | 14 border-bottom: 10px solid rgba(1, 52, 193, 0.5); |
15 } | 15 } |
16 | 16 |
17 .gradient { | 17 .gradient { |
18 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,255,1)), to
(rgba(0,255,0,1))); | 18 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,255,1)), to
(rgba(0,255,0,1))); |
19 } | 19 } |
20 </style> | 20 </style> |
21 <script> | 21 <script> |
22 if (window.testRunner) | 22 if (window.testRunner) |
23 testRunner.dumpAsText(true); | 23 testRunner.dumpAsTextWithPixelResults(); |
24 </script> | 24 </script> |
25 </head><body> | 25 </head><body> |
26 <p>Test for Bug 51240: PASS if the second box is painted as an opaque blue-to-gr
een square.</p> | 26 <p>Test for Bug 51240: PASS if the second box is painted as an opaque blue-to-gr
een square.</p> |
27 <div class="square transparent-border"></div> | 27 <div class="square transparent-border"></div> |
28 <div class="square gradient"></div> | 28 <div class="square gradient"></div> |
29 </body></html> | 29 </body></html> |
OLD | NEW |