NemoFinder
Mitglied
Hallo,
der z-index funktioniert nicht so wie ich es will. Ich habe zwei Grafiken. Eine Landkarte (Grafik 1) auf auf denen ich einige Städte mit einem Kreis (Grafik 2) markiere. Wenn ich mit dem Mauszeiger über Grafik 2 gehe öffnet sich auch eine Infobox, wie es soll. Leider wir diese Infobox von einigen Grafiken 2 überlagert. Die im CSS geschriebene z-index:3 wird nicht angenommen. Dort kann ich jetzt Zahl einfügen aber es ändert nichts.
der z-index funktioniert nicht so wie ich es will. Ich habe zwei Grafiken. Eine Landkarte (Grafik 1) auf auf denen ich einige Städte mit einem Kreis (Grafik 2) markiere. Wenn ich mit dem Mauszeiger über Grafik 2 gehe öffnet sich auch eine Infobox, wie es soll. Leider wir diese Infobox von einigen Grafiken 2 überlagert. Die im CSS geschriebene z-index:3 wird nicht angenommen. Dort kann ich jetzt Zahl einfügen aber es ändert nichts.
PHP:
<?
$query = mysql_query("SELECT * FROM stadt ORDER BY 'name'") or die(mysql_error());
while($t = mysql_fetch_array($query))
$out .= "<div id='box' style='position:absolute;top:".$t[x]."px;left:".$t[y]."px; z-index:2;'>
<img src='".$t[team_id].".gif'>
<div>
<p><strong>".$t[name]."</strong></p>
<p>".$t[Karte]."</p>
</div>
</div>";
?>
HTML:
<html>
<head>
<title>Deutschland</title>
<style type="text/css">
<!--
img {
border:none;
}
#box div{display:none;}
#box:hover div{
background:#ffff00;
display:block;
width:100px;
position:absolute;top:20px;left:20px;
border:1px dashed black;
padding:2px;
font:normal 12px verdana, sans-serif;
z-index:3;
}
-->
</style>
</head>
<body>
<div style="position:absolute;top:9px;left:9px;z-index:1;"><img src="karte.gif" border="0"></div>
<? echo $out; ?>
</body>
</html>