Bastian: zwei hintergrundbilder

Hi!
Hab da ein kleines Problem. Und zwar möchte ich zwei hintergrundbilder so fixieren, dass sie mitscrollen!

background: url(bg.gif) center center fixed no-repeat

mit diesem Tag kann ich ein Hintergrundbild fixieren.
Schreibe ich ihn zweimal in den head-bereich, wird trotzdem nur eins der beiden Hintergrundbilder angezeigt!

Wär coll, wenn mir jemand bei meinem Problem behilflich sein könnte.
Im voraus schon mal Danke...

  1. Hallo

    Hab da ein kleines Problem. Und zwar möchte ich zwei hintergrundbilder so fixieren, dass sie mitscrollen!

    Setze (mindestens) eines in einen <div> und ordne diesen mittels CSS in 2,5 Dimensionen. Wie das geht, entnimmst du dem entsprechenden Kapitel von SelfHTML.
    MfG, at

    1. #box1 { position:fixed; top:555px; left:100px; width:80px; height:40px; z-index:1; }

      ...

      <div id="box1" style="background: url(home.gif); "></div>

      Hiermit hab ich es versucht. Nur leider, scrollt das Bild home.gif nicht mit! Kann auch sein, dass das an meinem IE5.5 liegt. Wenn ja, gibts noch ne andre Möglichkeit. Soll ja auch bei mir funktionieren und nicht nur bei meinen Besuchern

      1. Hallo.

        Hiermit hab ich es versucht. Nur leider, scrollt das Bild home.gif nicht mit! Kann auch sein, dass das an meinem IE5.5 liegt. Wenn ja, gibts noch ne andre Möglichkeit. Soll ja auch bei mir funktionieren und nicht nur bei meinen Besuchern

        Der IE hat damit seine Probleme. Im Archiv findest eine Menge zu diesem Thema.
        MfG, at

  2. hi,

    background: url(bg.gif) center center fixed no-repeat
    mit diesem Tag kann ich ein Hintergrundbild fixieren.
    Schreibe ich ihn zweimal in den head-bereich, wird trotzdem nur eins der beiden Hintergrundbilder angezeigt!

    "lackiere ich mein auto erst rot und anschliessend grün, so ist es trotzdem nur grün."
    ja was hast du denn erwartet?

    gruss,
    wahsaga

    1. Hallo.

      "lackiere ich mein auto erst rot und anschliessend grün, so ist es trotzdem nur grün."

      Dann nehme ich eben halbtrasparente Bilder ;-p
      MfG, at

    2. Ich hab ne weiße wand links oben kleb ich nen aufkleber hin und in die mitte häng ich ein bild!

      Danke für die Hilfe LOL

      1. hi,

        Ich hab ne weiße wand links oben kleb ich nen aufkleber hin und in die mitte häng ich ein bild!

        der vergleich hinkt.

        für das, was du da anführst, nimmt man <img>-tags - und mit denen funktioniert das ganze ja wohl ohne probleme.

        ätsch :-P

        gruss,
        wahsaga

        1. mit nem <img>-tag bleiben die bilder aber nicht an ihrer Stelle steh beim Scrollen. AUßerdem sind sie dann im vordergrund und nicht im HINTERGRUND!

          selber bätsch

          also wär toll wenn mir hier noch jmd richtige Ratschläge geben kann, wie ich ein Bild fixieren kann zusätzlich zum Hintergrund, so das dies auch richtig im IE dargestellt wird!?
          Beim Scrollen soll der Text darüber hinweg laufen!

          1. hi,

            mit nem <img>-tag bleiben die bilder aber nicht an ihrer Stelle steh beim Scrollen.

            es gibt position:fixed.

            AUßerdem sind sie dann im vordergrund und nicht im HINTERGRUND!

            dein beispiel sagte ja auch, dass du "ein bild an die wand hängen" wolltest. da ist das bild eigentlich immer im vordergrund - oder wie hängst du bei dir zuhause die bilder auf?

            gruss,
            wahsaga

  3. Hi!
    Hab da ein kleines Problem. Und zwar möchte ich zwei hintergrundbilder so fixieren, dass sie mitscrollen!

    background: url(bg.gif) center center fixed no-repeat

    mit diesem Tag kann ich ein Hintergrundbild fixieren.
    Schreibe ich ihn zweimal in den head-bereich, wird trotzdem nur eins der beiden Hintergrundbilder angezeigt!

    Wär coll, wenn mir jemand bei meinem Problem behilflich sein könnte.
    Im voraus schon mal Danke...

    Am besten du wartest, bis die CSS3-spezifikation in die Tat umgesetzt ist, die erlaubt dann nämlich mehrere Hintergrundbilder mittels dem Pseudoelement ::outside, das ganze könnte dann zum Beispiel so aussehen:

    body          {background: uri("bg1.png") top left}
    body::outside {background: uri("bg2.png") bottom right}

    MfG,
    Max.

    1. und wann soll das kommen?
      wollte die seite iegntlich am montag online haben!

      1. Hallo.

        und wann soll das kommen?
        wollte die seite iegntlich am montag online haben!

        Das wird knapp ;-)
        MfG, at

      2. Hallo Bastian,

        und wann soll das kommen?
        wollte die seite iegntlich am montag online haben!

        *g*

        CSS 3 befindet sich noch in der Spezifikationsphase. Eine Verabschiedung
        kann gegen Ende dieses Jahres erwartet werden. Das heißt aber noch nichts.
        Es wird auch dauern, bis die Browserhersteller CSS 3 in Code umgesetzt
        haben. Aber das heißt auch nocht nichts. Die meisten Internetznutzer
        benutzen veraltete Browser wie den Internet Explorer. Dieser wird in
        den nächsten Jahren kein Update erfahren und selbst dann wird es noch
        dauern, bis er eine maßgebliche Marktmacht hat. Alternative Browser haben
        so etwas meist sehr viel früher integriert, aber die Faulheit der Masse
        wirkt dagegen.

        Wenn Du also grob geschätzt einen Montag in 6 Jahren meinst, dann hast
        Du gute Chancen. ;-)

        Tim

  4. Moin

    Schreibe ich ihn zweimal in den head-bereich, wird trotzdem nur eins der beiden Hintergrundbilder angezeigt!

    Hmm ... ist das jetzt so zu verstehen, daß der body die Hintergrundbilder erhalten soll?

    Fall ja, ein kleiner Denkanstoß:
    body hat noch ein übergeordnetes Element. Keine Ahnung, was der IE daraus macht. Mit Mozilla geht das ganz gut.

    Thomas J.