Come rendere semitrasparente un div?

[lucacompagnone]

Ciao a tutti volevo sapere per favore come rendere semitrasparente un div,ma la cosa più importante è che questa semitrasparenza deve essere visibile sia con firefox e sia con internet explorer.

Grazie

[MaxSimon]

Nell'HTML:
<div class="TuaClasse">
...
tutto il tuo div
...
</div>


Nel CSS:

div.TuaClasse {
opacity: valore; /* per firefox-opera-chrome : valore compreso fra 0 e 1 */
filter: alpha(opacity=valore); /* per IE : valore compreso fra 0 e 100 */
filter: ”alpha(opacity=valore)”;
}

Da notare che in IE la DDT deve essere strict: con la transitional non funziona.

Altri dettagli li trovi qui .

Ciao.

[Prill]

Originariamente inviato da MaxSimon
Da notare che in IE la DDT deve essere strict: con la transitional non funziona.

in realtà MaxSimon la dtd può anche essere transitional, in alcuni casi il filter alpha, così come gli altri filtri, può non essere applicato se per l'elemento non sono specificate larghezza ed altezza; la proprietà, non standard, zoom permette di ovviare. Il codice risultante per applicare la trasparenza a un elemento (proprietà ereditata da tutti i suoi contenuti) in Explorer:

<!--[if lte IE 8]>
<style type="text/css">
#mioDiv {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);zoom:1;
}
</style><![endif]-->

Se invece Luca vuoi applicare la trasparenza al solo colore di sfondo di un div, questo era il problema accennato in altra discussione, al css per ttuuti i browser in cui per il div content hai uno sfondo con valori rgba (background:rgba(0,0,0,0.70); ), affianca questo per explorer

<!--[if lte IE 8]><style type="text/css">
#content{ 
background:transparent;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff);
zoom: 1; }</style><![endif]-->

Al posto di scrivi : D (attaccato)

[lucacompagnone]

grazie

[MaxSimon]

Grazie a Prill e a M$ che ci permettono di imparare sempre qualcosa di nuovo che va fuori dagli standard!!!

[Prill]

Explorer 9 supporterà varie proprietà introdotte coi css3 muovendosi ulteriormente in direzione degli standard, i filtri o altro codice proprietario potrebbero essere abbandonati ma in realtà non lo saranno perché ancora c'è chi usa Explorer6, dobbiamo per questo prendercela con la microsoft o con gli utenti che non aggiornano? Se chi costruisce pagine web dovesse tener conto di Safari1, Opera5, Firefox2 e via dicendo, quali escamotage si cercherebbero per avere determinati effetti? La trasparenza non è indispensabile e se ne può fare a meno, non lo sono neanche i bordi arrotondati, è il primo esempio che mi viene in mente, eppure si sono in passato sviluppate numerose tecniche diverse e anche invasive con codice che era un aborto.
Una trasgressione innocente degli standard è sicuramente preferibile a un'adesione formale ma non sostanziale che produce pagine inaccessibili