| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .square { |
| width: 100px; |
| height: 100px; |
| float: left; |
| margin: 50px; |
| } |
| |
| .transparent-border { |
| background-color:red; |
| border-bottom: 10px solid rgba(1, 52, 193, 0.5); |
| } |
| |
| .gradient { |
| background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,255,1)), to(rgba(0,255,0,1))); |
| } |
| </style> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(true); |
| </script> |
| </head><body> |
| <p>Test for Bug 51240: PASS if the second box is painted as an opaque blue-to-green square.</p> |
| <div class="square transparent-border"></div> |
| <div class="square gradient"></div> |
| </body></html> |
