blob: bb4c5991c91babf10e889ccea8930cfd4d0e5990 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!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>
|
