background-size: cover

[Rolf B]

Hallo heinetz,

darf denn das img absolut positioniert werden? Wenn ja, dann

• tu das
• leg es mit z-index:-1 hinter den Rest des Content.
• platziere das img Tag als letzten Inhalt in der Box

Also so was: https://jsfiddle.net/wqkrvLna/2/

Der vierfache Textschatten sorgt für Lesbarkeit. Geht auch mit einem einfachen Schatten, Verschiebung 0 und blur-radius 0.1em, aber das war mir zu wenig Kontrast.

Das div um das img habe ich gemacht, weil ich verdammt noch mal keine Ahnung hatte, wie ich das Bild sonst hätte zentrieren können. Es war zu schmal, und margin:auto greift bei position:absolute nicht…

Jedenfalls ist das eine Lösung, die mit img arbeitet, das Bild in der Box hält und auch mit IE11 funkt. Und wenn Du ein breiteres Hintergrundbild hast, dann füllt es die Box auch völlig...

Rolf