| <!doctype html> |
| <html> |
| <head> |
| <title>img ismap attribute coordinate origin</title> |
| <style> |
| #bg { background-color: lightgray; position: relative; } |
| #target { position: absolute; width: 48px; height: 48px; border: 2px dashed green; pointer-events: none; } |
| .after { top: 246px; left: 246px; } |
| img { margin: 50px; border: 50px solid white; padding: 50px; } |
| </style> |
| </head> |
| <body> |
| <div id="bg"> |
| <div id="target" class="after"></div> |
| <a href="/somewhere/"> |
| <img src="/images/blue96x96.png" ismap> |
| </a> |
| </div> |
| <h1>Click inside the dashed rectangle</h1> |
| </body> |
| </html> |
