Dann versuch mal den z-index auf -1 zu setzen statt auf 10... und schau, ob sich was tut. :-) Das sollte zumindest das Problem des Überdeckens lösen. Ansonsten war die Vorgehensweise des Vorposters richtig: Die einzige Möglichkeit, die wohl noch machbar wäre, wäre das Bild in ein normales img-Element einzubinden, dieses img-Element mit Javascript so zu manipulieren, dass es dynamisch die Breite (und Höhe?) des Viewport einnimmt und eventuell absolut positioniert ist. Der gesamten Inhalt der Seite bekäme dann einen höheren z-index und läge über diesem Bild-Element. (Quelle)