Bilder einbinden in CSS

[Masin Al-Dujaili]

Hallo Tinu,

Dein Problem: Ein Bild immer an der selben Stelle und immer sichtbar einfügen.
Deine Lösung:
div.logo {
  position:absolute;
/*
  optional: "position:fixed;" versteht aber der IE nicht, dafür
  Opera > 4.x und Geckos (Mozilla, Netcape 6.x, K-Meleon, Galeon),
  bei denen muß dann aber weiter unten "scroll" bei Opera "fixed"
*/
  top:0px;
  left:0px;
  width:432px;
  height:60px;
  background: url(images/test.gif) transparent scroll 0px 0px;
  z-index:20; /* sorgt dafür, daß es oberhalb aller anderen Elemente
  liegt, die einen "z-index" von weniger als 20 haben. Bei Objekten,
  die den gleichen "z-index" haben, entscheidet imho die Reihenfolge
  des Auftretens*/
}

In Deiner HTML-Datei gibst Du dann sowas an:
<div class="logo"> </div>

Das müßte eigentlich funktionieren. Aber es gibt ja auch immer wieder Überraschungen. Achja: Gestestet habe ich das jetzt nicht, also alles ohne Gewähr.

Grüße von mir

Masin A.-D.