| <!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> |