| <!doctype html> |
| <title>CSS Test: background-{attachment: local; clip: padding-box; image}; border-radius</title> |
| <link rel="match" href="attachment-local-clipping-image-4-ref.html" /> |
| <meta name="flags" content="dom" /> |
| <meta name=fuzzy content="0-10;0-300"> |
| <link rel="author" title="Simon Sapin" href="http://exyr.org/about/" /> |
| <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-attachment" /> |
| <style> |
| #outer { |
| width: 200px; |
| height: 200px; |
| padding: 40px; |
| border: 10px double; |
| overflow: hidden; |
| border-radius: 50%; |
| background: url(aqua-yellow-32x32.png) local padding-box; |
| } |
| #outer div { |
| height: 500px; |
| } |
| p { |
| margin-top: 20px; |
| } |
| </style> |
| <div id=outer> |
| <div> |
| <p>Test</p> |
| </div> |
| </div> |
| <script> |
| document.getElementById('outer').scrollTop = 15; |
| </script> |
