Background image anpassen

[freakXHTML]

Kann man mit CSS das background-image anpassen, d.h. die Größe verändern?

Mit widht und height geht das jedenfalls nicht.

Vielen Dank
lg, freakXHTML

 

[_Thor_]

Hintergrundbilder können nicht skaliert werden.

 

[freakXHTML]

Wenn ich es jetzt doch machen möchte, dann muss ich wohl <img> benutzen. Doch wie kriege ich das eingefügte Bild als Hintergrund, sodass alles andere darüber liegt? Geht das?

Vielen Dank für deine Hilfe, _Thor_
lg, freakXHTML

 

[ka9de]

position:absolute und mit Hilfe des z-index.

 

[roddy]

Abend, ich weiss ja nicht ob das ein richtiges Bild ist, aber du kannst z. B. mit dotted einen verlauf erstellen, so wird z. B. ein musster wiederholt.

 

[JayReDee]

oder mit x-repeat oder y-repeat geht das genau so gut

 

[freakXHTML]

Nein, das funktioniert nicht. Ich will das Bild nicht wiederholen lassen, sonder möchte die Größe ändern und es anpassen.

lg, freakXHTML

 

[noir désir]

mit css geht das nicht. aber du könntest per js die größe des divs auslesen, die höhe und breite an php übergeben und damit das bild beschneiden und dann per css als hintergrundbild anzeigen. aber das ist reichlich aufwand der ja bei jedem aufruf gemacht werden müßte, falls sich die größe des divs ändert.

 

[ka9de]

Mit CSS und HTML geht das, siehe #4

 

[Space Vampire]

absolute positionierungen werfen in der regeln mehr probleme auf, als sie lösen.
was spricht denn gegen die anpassung des bildes mit einem grafikprogramm?
brauchst du das bild nur größer/kleiner oder muss es sich immer an neue gegebenheiten anpassen?
der einsatzzwecke wäre für eine hilfestellung echt hilfreich ;)

 

[mermshaus]

Falls ein Effekt wie hier (Science For Girls) gewünscht ist, ginge mein erster Gedanke auch in die Richtung von ka9de in #4. (Siehe auch Quellcode der verlinkten Seite.)

PS: Auch wenn sich schwer geeignete und nicht-verpixelte Grafiken finden lassen dürften, mit denen der Effekt gut wirkt: Ich finde, das hat was.

 

[noir désir]

Mit CSS und HTML geht das, siehe #4

damit kannst du

das background-image anpassen, d.h. die Größe verändern?

zeig mal!

 

[ka9de]

zeig mal!

Probiers aus, kannste was bei lernen :)

 

[noir désir]

Probiers aus, kannste was bei lernen

verzeih mir meine kleingeistigkeit, aber ich kann mit einer stylesheet-sprache wie css und einer auszeichnungssprache wie html nicht die größe von bildern ändern. dafür benötige ich nach wie vor eine programmiersprache wie php (bei webanwendungen). falls du das kannst, würde es mich brennend interessieren, wie du das schaffst. all meine versuche deiner genialität nachzueifern schlugen bisher fehl.

 

[ka9de]

position:absolute und mit Hilfe des z-index.

im img Tag und du hast ein skalierbares Hintergrundbild, aber da du das sowieso weißt und jetzt nur auf weitere Kinkerlitzchen aus bist, bin ich raus hier :arrow:

 

[Tar]

Siehe auch: Bildschirmfüllende Hintergrundgrafik