Problem bei <img> und dem Hintergrundbild

[djfabi]

hi leute ;)

im Vorraus: ich benutze Twitter's Bootstrap.

Ich habe ein Div:

<div class="main_container welcome">
        			<div class="container">
                <img src="images/asdasd.png" />
                <div class="text">Mein Text</div>
        </div>
</div>

so, und nun habe ich ja ein Bild eingebunden. Dies möchte ich als Hintergrund haben.
Warum ich das <img> Tag nehme hat auch seinen Grund:
Es ist mit Bootstrap gleich responsive, wenn ich background-image mache, nicht.

So nun ist aber das Problem, das Bild verschiebt auch meinen Text.
Ich möchte aber den Text auf dem Bild haben (nein, ich kann/möchte den text nicht ins Bild schreiben [verschiedene Sprachen])

Wie kann ich es machen, das der Text das Bild von der Position her als 'unrelevant' ansieht, und direkt darauf ist?

ich hoffe ihr habt verstanden was ich mein oO

 

[Tronjer]

Du könntest das Bild in ein Blockelement stellen und den Text-Container mit position: absolute platzieren.

 

[djfabi]

Du könntest das Bild in ein Blockelement stellen und den Text-Container mit position: absolute platzieren.

geht nicht, der Text ist dann immer GANZ oben auf der Seite.

(habe das <img> tag mit display:block; gemacht, und das DIV mit position:absolute; top:0px; left:0px; gemacht) (ohne top, und left ist es ausßerhalb des eigentlichen div's)

Weiß jemand eine Lösung?

 

[ge_fabian]

so gehts: Absolute Positioning Inside Relative Positioning | CSS-Tricks