blob: fdecee9ace2217e72d036dc0aa55e5035790b91a (
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: 96px; height: 96px; border: 2px dashed green; pointer-events: none; }
.in { top: 148px; left: 148px; }
img { margin: 50px; border: 50px solid white; padding: 50px; }
</style>
</head>
<body>
<div id="bg">
<div id="target" class="in"></div>
<a href="/common/blank.html">
<img src="/images/blue96x96.png" ismap>
</a>
</div>
<h1>Click inside the dashed rectangle</h1>
</body>
</html>
|
