Sfondo semitrasparente

[tryhere]

Vorrei mettere un'immagine di sfondo alle mie pagine in modo che ogni volta che inserisco un div, esso contenga l'immagine di sfondo ma semitrasparente.
Si può fare?

Prova a guardare uno di questi link: Google: Sfondo semitrasparente

[tryhere]

Ho trovato questo:

#BOX
{
    filter: alpha(opacity=80);
    position: Absolute;
    top: 25px;
    left: 25px;
    background-color: #EEEEEE;
    width: 130px;
    height: 50px;
    padding: 5px;
    border: Solid 1px #CCCCCC;
}

Cosa mi dite della compatibilità con i browser?

Quello è solo per internet explorer, e di tutto quel patatràc l'unico che ti serve è filter: alpha(opacity=80);

per gli altri browsers usa queste due linee:

opacity: .80;
-moz-opacity: .80;

[tryhere]

cosa indicano rispettivamente?

Indicano tutti l'opacità (di default è 100, quindi non trasparente), ma ognuno funziona per un browser diverso; inserendoli tutti e tre si va sul sicuro

[tryhere]

quindi questi funzionano su qualunque browser?

Nella maggior parte, sì :)

il primo "filter etc.." funziona per internet explorer; opacity funziona per firefox, opera e tutti gli altri; -moz-opacity per le versioni di firefox inferiori alla 1.7

[tryhere]

non ce n'è uno che vada bene per tutti?

Non c'è niente che vada bene per tutto.
In nessun campo.


ciao!

Vabè che problema ti fai ad usarli tutti e tre? son solo tre righe di codice, puoi metterle senza problemi :)

Vorrei mettere un'immagine di sfondo alle mie pagine in modo che ogni volta che inserisco un div, esso contenga l'immagine di sfondo ma semitrasparente.
Si può fare?

A parte i filtri proprietari, c'è anche la possibilità di creare una immagine semitrasparente di tipo PNG a 24 bit e di usare quella come sfondo..

Con i filtri in background, c'è il problema che questi modificano l'opacità anche del testo in primo piano, mentre con l'immagine PNG-24 questo non accade, il testo resta quello originale.

Per quanto riguarda la compatibilità, le PNG-24 vengono riconosciute da Opera, Firefox e IExplorer 7, non sono riconosciute da IExplorer 6 e 5.5 ( ma esistono dei trucchi per renderle "visibili" correttamente anche su IE 6 )...

Prova a vedere questa pagina con 4 esempi ( 3 filtri proprietari + immagine PNG-24 ) sui diversi Browser, e ti accorgerai che, come dice Debug, niente è assoluto e universalmente accettato....

http://consapevolezza.altervista.org/bg-tras.html
.