CSS Hintergrundbild über Div-Container

[Mikex94]

Guten Tag ComputerBase Besucher,

ich beschäftige mich viel mit CSS und generell Web Programmierung.
Ich bin letztens auf die Webseite "http://www.vanion.eu" getroffen und habe mich gefragt, wie die das programmiert haben, dass das Bild vom "Slider" raus ragt und über den "Content" Bereich geht.

Ich habe schon viel gegooglet und leider nichts gefunden, was meine Frage beantwortet.

Leider habe ich keinen besseren Titel gefunden, da ich nicht weiß, wie ich das besser beschreiben soll.


Mit freundlichen Grüßen
Mike

 

[Knalltuete]

Der Container mit dem Bild wurde mit

position: absolute;
z-index: 20;

über den anderen Inhalt gelegt. Ganz einfach

 

[Schwenni]

der div ist so hoch wie das hintergrundbild welches ein transparentes png ist

http://www.vanion.eu/bundles/vmediacmswebsite/images/special/wodrelease/wod-release-box.png?2

inkl. position : absolute und z-index: 20 liegts einfach drauf (korrekt @Knalltuete)

 

[Mikex94]

Dass es doch so einfach ist, hätte ich jetzt nicht gedacht.
Vielen Dank für die sfhenllen Antworten. :-)

LG
Mike

 

[Reglohln]

Um solche Dinge zu ergründen, bieten sich die Entwicklertools der Browser an. Echt tolles Feature. Bei Chrome z.B. Rechtsklick auf ein Objekt der Website machen und dann "Element untersuchen" und schon zeigt er dir massig Infos an, womit du vorallem solche "Tricks" leicht erkennen kannst