Porche.com e la trasparenza

[Toniello]

Salve a tutti,
stavo navigando per la rete in cerca di qualche nuova idea e mi sono imbattuto nel sito

http://www.porsche.com/italy/

A parte il design ottimo, semplice e curato, mi incuriosisce il fatto che quando si vada in rollover su una voce del menu, appaia subito sulla destra, un secondo menu con lo sfondo in "trasparenza" con l'img di sfondo della macchina che sta sotto.

Ora, a parte tutto il lavoro di javascript, il codice html e' quasi illeggibili, e' possibile specificare ad un DIV o dargli come sfondo un immagine PNG trasparente in modo che sotto si intraveda il background del contenitore?

[Francis87]

si, puoi creare una png da 1x1 px con sfondo trasparente e colorarla di bianco con un'opacità del 30%. Quando la sovrapponi a qualcos'altro avrai lo sfondo di quel che sta sotto con un velo bianco di quest'immagine. Insomma, un po' come il sito porsche.com

nel codice la tratti come una normalissima immagine di sfondo.

[ricman]

Originariamente inviato da Francis87
si, puoi creare una png da 1x1 px con sfondo trasparente e colorarla di bianco con un'opacità del 30%.

Ma va su tutti i browser?

[Toniello]

Ho provato:

Su IE7 e FF ultima versione funziona alla perfezione.

Antonio