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?
Printable View
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
Ho trovato questo:
Cosa mi dite della compatibilità con i browser?Codice:#BOX
{
filter: alpha(opacity=80);
position: Absolute;
top: 25px;
left: 25px;
background-color: #EEEEEE;
width: 130px;
height: 50px;
padding: 5px;
border: Solid 1px #CCCCCC;
}
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:
Codice:opacity: .80;
-moz-opacity: .80;
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 :wink:
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
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 :)
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..Citazione:
Originalmente inviato da tryhere
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
.