Katrin22: Mit CSS Bild einfügen, aber nicht als Hintergrund

Hi :)

Ich versuche gerade mit CSS ein Bild einzufügen, was als Hintergrundbild auch wunderbar funktioniert.

So funktioniert das als Hintergrundbild:

.h_image {
  background-image : url(../images/back_02.jpg);
}

Wenn ich jetzt...

.h_image {
  image : url(../images/back_02.jpg);
}

...schreibe wird das Bild garnicht geladen :(

Wie kann ich ein Bild per CSS einbinden, auf SELFHTML/css (http://de.selfhtml.org/css/index.htm) fand ich dazu leider nichts, ausser das mit dem Hintergrundbild.

MfG
Katrin22

  1. Hallo Katrin,

    Wenn ich jetzt...

    .h_image {
      image : url(../images/back_02.jpg);
    }
    ...schreibe wird das Bild garnicht geladen :(

    Wie kann ich ein Bild per CSS einbinden

    Als Hintergrundbild, denn CSS kennt keine Vordergrundbilder. Allenfalls die Einbindung mit <http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after@title=generiertem Inhalt> wäre alleine über CSS möglich, was jedoch im Internet Explorer auf absehbare Zeit nicht funktionieren wird.

    Was willst du damit erreichen?

    Grüße
     Roland

    1. Dank euch für die Antworten :)

      MfG
      Katrin22

  2. Was spricht denn gegen Hintergrundbild? Wenn Du den Bereich, der das Hintergrundbild erhält geschickt mit CSS formatierst, verhält er sich ziemlich genauso wie ein normales Bild. Ich hatte mal einem li-Element mit a drinnen ein Hintergrundbild verpasst, es als Block formatiert und fertig war der Bilderlink ganz ohne Bild, wodurch ich einen sehr sauberen Quelltext hatte, da Inhalt und Optik komplett getrennt waren. War nötig, weil mehrere CSS-Dateien zum Einsatz kamen, und in einem die Liste eine Liste blieb.

    Jan