| <!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: linear-gradient(rgba(0,0,255,1), rgba(0,255,0,1)); | |
| } | |
| </style> | |
| </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> |