Grafiken in layern werden duch den hintergrund überdeckt
Joerghamster
- dhtml
Servus,
ich hab ein ziemlich großes problem
Ich lade in meiner Hauptseite in einem I-Frame eine meiner Unterseiten, welche 6 Grafiken enthält, welche über <div> tags platziert werden.
Nun zu meinem Problem:
sobald ich diese Seite aufrufe sind die Grafiken von der Hintergrundfarbe überdeckt und sind kaum zu erkennen. Sobald sie einmal markiert wurden bleiben sie deutlich sichtbar.
Woran kann es liegen, dass die Hintergrundfarbe sich vor die Layer legt . . . .
Hier einmal der code meiner unterseite
<HTML>
<head>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#0000FF">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr valign="top">
<td> </td>
<td width="375">
<div style="position:relative; z-index: 1; top: 100px; left: 20px; height: 130px; width: 130px"><img src="./bilder/6eck.gif"></div>
<div style="position:relative; z-index: 1; top: 150px; left: 130px; height: 130px; width: 130px"><img src="./bilder/6eck.gif"></div>
<div style="position:relative; z-index: 1; top: -160px; left: 250px; height: 130px; width: 130px"><img src="./bilder/6eck.gif"></div>
</td>
<td> </td>
<td width="375">
<div style="position:relative; z-index: 1; top: 280px; left: -20px; height: 130px; width: 130px"><img src="./bilder/6eck.gif"></div>
<div style="position:relative; z-index: 1; top: -30px; left: 90px; height: 130px; width: 130px"><img src="./bilder/6eck.gif"></div>
<div style="position:relative; z-index: 1; top: 20px; left: 200px; height: 130px; width: 130px"><img src="./bilder/6eck.gif"></div>
</td>
<td> </td>
</tr>
</table>
</body>
</HTML>
Für lösungsvorschläge wäre ich sehr dankbar
gruß
Joerghamster