Mi stà succedendo una cosa strana.
Ho due div uno dentro l'altro. Il primo ha opacity:0.5 il secondo invece lo vorrei pieno, senza opacità. Per cui gli affibio un opacity:1 .
Niente da fare a meno che il padre non abbia opacity:1(o proprio assente), a quel punto posso giocare con l'opacità del secondo.
In pratica vorrei che il padre avesse opacity:0.5 mentre il figlio opacity :1;
Solo che funziona il contrario.
Suggerimenti?
Grazie in anticipo!
Ciao, non è strano, è che l'opacity è ereditata e quindi l'elemento interno non può sovrascrivere il valore dell'elemento padre, puoi impostare sul figlio una opacity maggiore ma il punto di partenza sarà il valore per la trasparenza assegnato al contenitore. Nel caso in cui la trasparenza ti serva solo per un colore di sfondo del div padre puoi far ricorso a un background che sfrutti valori rgba (se ne è parlato numerose volte nel forum), altrimenti, se hai proprio bisogno di usare la proprietà opacity dovrai tenere indipendenti i due div (magari sovrapponendoli con posizionamenti assoluti)
Permessi di invio
Rispondi quotando