Supportnet / Forum / Webseiten/HTML
Für CSS-Experten
Frage
hallo,
ich habe in einem buch folgende website gefunden:
[url]http://meyerweb.com/eric/css/edge/complexspiral/demo.html[/url]
da gibt es ein beispiel zu sehen, wie man mit hintergrundbildern
[code]background: url() fixed no-repeat;[/code]
in einem div-bereich eine scheinbare transparenz erzeugen kann. leider kann ich nicht soooooo gut englisch. ich kapiere einfach nicht, wie es geht.
kann es mir jemand anhand eines einzigen div-bereiches erklären, bitte?
Antwort 1 von rfb
alle Bereiche (body, Text-div, Link-div, a:hover) haben jeweils eine eigene Hintergrundgrafik zugeordnet, die immer mit "fixed 0 0 norepeat" in der oberen linken Ecke des Fensters fest plaziert ist, sehen kannst du aber immer nur den Teil, der jeweils unter dem div bzw. link ist, sonst siehst du den body-Hintergrund. Der Trick ist die gute Abstimmung der verschiedenen Bilder aufeinander (jeweils dasselbe Motiv mit verschiedenen Einfärbungen).
Antwort 2 von DerWahreDenny
soweit ist mir das schon klar, aber ich verstehe nicht, warum die links so schön scrollen und das background-image bleibt fixed.
wenn ICH in einem div das background-image fixiere, scrollt es mit. es ist im DIV fixiert. ausserdem positioniert es sich am 0 0 des div und nicht des body.
ich verstehe es nicht...
wenn ICH in einem div das background-image fixiere, scrollt es mit. es ist im DIV fixiert. ausserdem positioniert es sich am 0 0 des div und nicht des body.
ich verstehe es nicht...
Antwort 3 von MoRe99
Mit welchem Browser schaust du dir das denn an, mit dem IE? Der IE kann das nicht, was du gerne möchtest. Jedenfalls scrollt das Hintergrundbild der Seite, die du oben angegeben hast, im firefox nicht mit (bleibt also fix), wohl aber im IE. Hat der Ersteller der Seiten aber auch in seinem Text beschrieben.
Antwort 4 von DerWahreDenny
stimmt. danke für den tip. da kann ich mich ja kaputtsuchen. dann will ich das auch nicht mehr.
:-)
:-)