opacity di un div che non intacchi il contenuto

[Dario the best]

Salve, ho un DIV con background-color nero. All'interno del DIV ci sono delle label (in html:<SPAN>testo</SPAN>)

Ho impostato un opacity di 0.5 al DIV, ma purtroppo la applica anche alle label.

Io vorrei solo che il background-color del div venisse opacizzato, la label al suo interno devono rimanere a colore pieno. Come posso fare?

[djciko]

domanda ovvia, hai provato a mettere lo sfondo anche alle label tramite CSS (scrivendo che gli elementi FIGLI di quel DIV devono avere quell'opacita' e quel colore fissi) ?

io lo farei con uno script JS che all'opacizzazione del div mette il colore di fondo alle label, comunque HO I MIEI DUBBI sul funzionamento, si tratta solo di provare

[djciko]

se non ottieni risposta qui ti sposto in css, ma bisogna cambiare la domanda ( scrivendola in HTMLese )

[Vincent.Zeno]

asp.net c'entra una mazza, spostalo pure in css


@dario, documentati su rgba ("a" sta per il valore alpha di trasparenza, senza che l'attributo sia ereditato)

[Dario the best]

ok spostatelo in css, forse è più appropriato.

Purtroppo non ho dimestichezza di java..

Sapevo già che impostando un livello di opacity, questo sarebbe stato ereditato dagli elementi del Div. Per questo mi sono rivolto a voi, come faccio ad impostare l'opacity solo sul div?

[djciko]

Oltre al valido suggerimento RGBA di Vincent Zeno, che e' la soluzione giusta, probabilmente in alternativa dovevi racchiudere ogni label in un altro DIV, oppure fare come ti dicevo, che gli elementi FIGLI devono avere colore diverso.

attendiamo altre risposte dagli esperti CSS

ps: javascript non e' java

[MiWebDesign]

Ciao Dario,

la soluzione al tuo problema è molto semplice.

Ti basta impostare come regola CSS del tuo DIV: background:rgba(0,0,0,0.5);

Dove 0.5 è il valore di trasparenza che vuoi trasmettere al tuo DIV.