| <html> |
| <head> |
| <style type="text/css"> |
| #shadowBox { |
| -webkit-background-clip: text; |
| -webkit-box-shadow: 0 100px #f00; |
| width: 100px; height: 100px; |
| } |
| #greenBox { |
| font-size: 100px; |
| background-color: #0f0; |
| width: 100px; height: 100px; |
| } |
| </style> |
| </head> |
| <body> |
| |
| <!-- Try select/deselect the space in the green box below. You should not see red. --> |
| <div id="shadowBox"></div> |
| <div id="greenBox" > </div> |
| |
| <script type="text/javascript"> |
| if (window.testRunner) { |
| testRunner.dumpAsText(true); |
| testRunner.testRepaint(); |
| } |
| </script> |
| |
| </body> |
| </html> |
