perchè opacity mi mette in opacity anche il contenuto del div?

[Raulken]

come da titolo
quando metto opacity a un div
me lo mette anche a tutti i div figlio comprese immagini ecc.....

come posso evitare?

[totsdesign]

agli altri metti opacity:1

[Mich_]

Originariamente inviato da Raulken
come da titolo
quando metto opacity a un div
me lo mette anche a tutti i div figlio comprese immagini ecc.....

come posso evitare?

Prima di chiedere dovresti fare una ricerca nel forum.
E` una domanda cui e` stato risposto molte volte. Non puoi rendere opaco un oggetto dentro uno che e` semitrasp.

Se quello che vuoi e` che la semitrasparenza riguardi solo lo sfondo, metti semitrasp solo lo sfondo.
Si puo` fare con i CSS3 (non valido per i brwoser vecchi), oppure mediante immagine png.

[ldetomi]

Opacity fa esattamente quello che hai riscontrato tu, ovvero agisce anche su tutti gli oggetti figli! O usi una png semi-trasparente oppure utilizzi la nuova proprierà CSS3 rgba() che funziona in maniera esattamente identica alla vecchia rgb() ma accetta 4 valori invece di 3, il quarto è il canale alpha, ovvero l'opacità. Questa proprietà NON si trasmette ai contenitori figli. Guarda bene, qualche giorno fa avevo spiegato a un altro utente la sintassi precisa con alcuni esempi.