Hallo,
ich möchte ein Hintergrundbild mit einem map-Element versehen, damit ich darauf anklickbare Bereiche festlegen kann. Zusätzlich sollen auf dieses Bild noch einige Vordergrundbilder gelegt werden. Für sich genommen kriege ich diese beiden Dinge hin, aber wenn ich beides kombiniere, kann ich auf die Bereiche dort, wo sie von den Vordergrundbildern überlappt werden, nicht mehr klicken.
Wie kann man erreichen, dass die Vordergrundbilder das anklicken der Bereiche nicht stören?
ich möchte ein Hintergrundbild mit einem map-Element versehen, damit ich darauf anklickbare Bereiche festlegen kann. Zusätzlich sollen auf dieses Bild noch einige Vordergrundbilder gelegt werden. Für sich genommen kriege ich diese beiden Dinge hin, aber wenn ich beides kombiniere, kann ich auf die Bereiche dort, wo sie von den Vordergrundbildern überlappt werden, nicht mehr klicken.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title> MapTest </title>
</head>
<body>
<h1>MapTest</h1>
<div style="position:relative;">
<img style="position:absolute; left:0px; top:0px; z-index:1;" src="background.png" usemap="#mapid" />
<img style="position:absolute; left: 5px; top: 2px; z-index:2;" src="im1.png" />
<img style="position:absolute; left:55px; top:39px; z-index:2;" src="im2.png" />
</div>
<map name="mapid">
<area shape="rect" coords="5,5,55,55" href="sess.php?cel=1" />
<area shape="rect" coords="65,5,115,55" href="sess.php?cel=2" />
</map>
</body>
</html>Wie kann man erreichen, dass die Vordergrundbilder das anklicken der Bereiche nicht stören?
