hintergrundbild in Vordergrund stellen

[anja]

Hallo!

Hätte da eine Frage. Kann man ein Hintergrundbild irgendwie in den Vordergrund stellen? D.h. wenn ich zB rechts unten ein bild habe, das ein bisschen in eine Tabelle hinein verläuft, damit die Tabelle nicht ein teil des Hintergrundbildes verdeckt?

danke,
lg anja

[Rafael]

Das Stichwort nach dem du suchst lautet "z-index".
Je höher der z-index, desto höher "liegt" die Ebene

[anja]

Das Stichwort nach dem du suchst lautet "z-index".
Je höher der z-index, desto höher "liegt" die Ebene

aber hab gar keine ebene.....kann ich das bei einem normalen hintergrundbild auch angeben bzw. bei einem css-bereich?

[Ciaoman]

aber hab gar keine ebene.....kann ich das bei einem normalen hintergrundbild auch angeben bzw. bei einem css-bereich?

Gerade bei CSS. Ein bisel Code wäre auch hilfreich.

[anja]

Gerade bei CSS. Ein bisel Code wäre auch hilfreich.

<style type="text/css">
  body {
 color: black;
 background-color: #CCCCCC;
 font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif
    margin: 1;  padding: 1em 0;
 text-align: center;
 margin-top: 0px;
  }

a:link, a:visited, a:hover, a:active {
color: #C62306;
text-decoration: none;
}

html, body, textarea {
scrollbar-base-color:#FFFFFF;
scrollbar-3d-light-color:#FFFFFF;
scrollbar-arrow-color:#C62306;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#C62306;
scrollbar-shadow-color:#C62306;
scrollbar-track-color:#FFFFFF;
overflow:auto;
}

div#Seite {
    text-align:center;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
 width: 895px;
 padding: 0 auto;
 min-height:530px;
    padding: 0;
    background-color:#FFFFFF;
 background-image:  url(logo_unten.gif);
 background-position:bottom right;
 background-repeat:no-repeat;
 border-width:2px;
 border-style:ridge;
 border-color:#C62306;

position:absolute;
  top:50%;
  left:50%;
  margin-left:-447.5px;
  margin-top:-265px;
}

}
  html>body div#Seite {
    border-color:#C62306;  /* Farbangleichung an den Internet Explorer  */
  }

* html #Seite {
    height:530px;  /* wird von IE wie min-height interpretiert */
}

h1 {

margin: 0; padding: 1.9em 0;
    text-align: center;
    background:    url(bannertanja_oben.gif) no-repeat 100% 45%;
 border-bottom:ridge;
 border-color:#C62306;
 border-width:2px;

}

div#Inhalt {
    margin: 2 2 2em;
    padding: 0em;
background-color:#FFFFFF;

}
  * html div#Inhalt {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-bottom: 0;
  }

p#Fusszeile {
    clear:both;
    margin: 0; padding: 0em;
    text-align: bottom left;
position:absolute;
vertical-align:bottom;

}
</style>

und jetzt sollte das hintergrundbild von div#seite, dem hauptinhaltsfenster (div#inhalt) überlegen sein.

[Gunnar Bittersmann]

Hello out there!

Gerade bei CSS. Ein bisel Code wäre auch hilfreich.

Ein bissel meint den relevanten, nicht den ganzen!

Je höher der z-index, desto höher "liegt" die Ebene
aber hab gar keine ebene.....

Ach nee? Und was ist das:

und jetzt sollte das hintergrundbild von div#seite, dem hauptinhaltsfenster (div#inhalt) überlegen sein.

Sind das keine Blockelemente, die du positionieren und deren z-Index du setzen kannst?

See ya up the road,
Gunnar

[anja]

ok, habe jetzt den z-index bei div#inhalt und div#seite gesetzt. aber es ändert sich trotzdem nichts.

lg anja

[Gunnar Bittersmann]

Hello out there!

Sind das keine Blockelemente, die du positionieren und deren z-Index du setzen kannst?

ok, habe jetzt den z-index bei div#inhalt und div#seite gesetzt. aber es ändert sich trotzdem nichts.

Dann hast du wohl überlesen, was ich vor „und deren z-Index du setzen kannst“ geschrieben hatte.

„'z-index' […] Angewendet auf: Positionierte Elemente“ [CSS2 §9.9.1]

„Ein Element ist positioniert, wenn seine 'position'-Eigenschaft einen anderen Wert als 'static' hat.“ [CSS2 §9.3.2]

See ya up the road,
Gunnar