Hintergrundbild unscharf machen??

[Fr3ddy]

Hi,

ich habe mal eine spezielle frage, ich habe eine karte (a la google maps) in voller fesntergröße als hintergrund, sprich, der hintergrund kann sich verändern.

Jetzt möchte ich ein div mit content über der karte haben, der hintergrund des div´s ist leicht transparent UND soll die karte unscharf machen, quasi ein "milchglas" effekt.

Ist sowas mit css, js oder php realisierbar???

LG & Danke

 

[Cheffchen]

Hallo,

ändere einfach das bild mit PHP imagefilter()
Hier beispiele: Bildfilter » macximal

Wenn was drüberlegen willst wird das nur heller.

Cheffchen

 

[Fr3ddy]

Super danke schon mal, wie mache ich das aber mit dem "milchglas" container, der über der karte ist, da gibt es ja eigentlich kein bild, d.h. normalerweise müsste ja nur der container, der leicht transparent ist, eine unschärfe bekommen.

 

[teeny]

Schau Dir mal die hier genannten Methoden an, vielleicht kommst Du damit weiter. javascript - Gaussian Blur onHover Using jQuery - Stack Overflow

 

[Space Vampire]

Habe mal auf die schnelle eine Hintergrundgrafik erstellt die deinen Zwecken genügen könnte.
http://www.space-vampire.de/main/images/semi2.png
Grafik ist 12x12px und mit einem 2x2px Raster mit Transparenz 40%-10%