komplette Page mit einem Vordergrundbild überfluten?

[Der Martin]

Hallo,

So und jetzt zum eigentlichem Problem. Die komplette Webseite soll einen Grunge-Look erhalten.

und was bedeutet das genau? Wikipedia verrät mir, dass Grunge ein Musikstil ist, der wohl in der Gegend von Seattle entstanden ist.

Alles was man sieht soll leicht zerschrotet werden.

Definiere "zerschrotet". Der Begriff kommt in meinem Wortschatz nicht vor.

Wenn ich nun jedoch beigehe und meine ganzen Grafiken einzeln mit der Grunge-Texture versehe bekomme ich ein massives Speicherproblem.
Webseite mit Grunge im jpg-Format über 1,5MB.

Hmm. Je detailreicher ein komprimiertes Bild (JPEG oder PNG) sein soll, desto mehr Speicher braucht es. In diesem Sinn gilt auch als Detail, was man anderswo vielleicht als Bildstörung oder Textur bezeichnen mag.

Meine Idee ist nun eine transparente Grunge-Texture über die komplette Seite zu legen (Vordergrund). Leider habe ich zu diesem Thema nichts passendes gefunden. Kann mir hier vielleicht jemand einen Tipp geben wie so etwas umzusetzen ist? Wäre klasse!

Theoretisch kannst du ein absolut positioniertes div-Element über den Rest der seite legen, mit einem hohen z-Index dafür sorgen, dass es die anderen Elemente überdeckt, und dem das teiltransparente Hintergrundbild geben.
Problem: Du kannst keine Links im "dahinterliegenden" Seiteninhalt mehr klicken, keine Formularelemente bedienen, *weil* die ja alle "hinter" dem Element liegen.

Ich könnte mir eher vorstellen, dass du einzelnen Elementen deines Layouts ein Hintergrundbild mit dem entsprechenden Effekt gibst, dieses aber relativ klein machst und in üblicher Weise kachelst.

So long,
 Martin