zwei hintergrundbilder
Bastian
- css
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...
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
#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
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
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
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
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
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
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!
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
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.
und wann soll das kommen?
wollte die seite iegntlich am montag online haben!
Hallo.
und wann soll das kommen?
wollte die seite iegntlich am montag online haben!
Das wird knapp ;-)
MfG, at
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
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.