CSS Hintergrund-Muster

[Borstel86]

Guten Tag,

ich bin im Begriff mir eine kleine Webseite zu basteln, ich habe nur das Problem wie ich den Hintergrund am besten einbinde, mir ist bewusst das ich nicht einfach eine Grafik nehmen kann und die fest als Hintergrund einstelle, sondern dass man mit Mustern arbeitet. Da ist dann auch schon das Problem vor dem ich stehe. Mein Hintergrund soll Asphalt sein und in der Mitte vom Bildschirm soll die Fahrbahnmarkierung(Mittelstreifen) horizontal verlaufen, die Frage ist nun wie ich das mit einem Muster realisieren soll und das am besten so dass es sich der Bildschirmauflösung anpasst.

Bin für eure Tipps offen.

MfG
Borstel86

 

[Mr. Snoot]

So bspw.:

body { background:url(bg.jpg) repeat-y fixed center top }

Dann bleibt das Bild immer zentriert:

​

Idealerweise nimmst du dir nur ein Stück der Fahrbahn das so hoch ist, dass du es mit repeat-y in vertikaler Richtung wiederholen kannst. Dann brauchst du nicht eine riesen Bilddatei.

​

 

[moquai]

Oder so: http://www.drweb.de/magazin/100-hintergrundbild-im-browser/

 

[LoveHTML]

Hey, cool danke für den Link, das hab ich mich nämlich auch schon mal gefragt, und jetzt kann ich viel nachlesen!

Super Forum, danke

lg Stefan