Ho due div: uno contiene un'immagine, l'altro una label. Entrambi sono contenuti in un div contenitore.


Grazie alla proprietà "position", posiziono la label in sovrapposizione all'immagine.
Il mio intento è sfocare solo l'immagine. Imposto, quindi, il div contenitore dell'immagine con un'opacity a 0.5. Il problema è che anche la label sembra risentirne.

Ecco il codice asp.net
<div class="div">
<div class="divimage">
<asp:Image ID="Image1" runat="server" CssClass="image" ImageUrl="~/Img/News/auto.jpg" />
</div>
<div class="divlabel">
<asp:Label ID="Label1" runat="server" CssClass="label">prova titolo oggi è non lo so</asp:Label>
</div>
</div>


Ecco il css
.div {position:relative; float:left;}
.divimage { opacity:0.5;}


.divlabel {position:absolute; top:50px; width:100%; text-align:center;}
.label {font-family:'Open Sans', sans-serif; font-size:1.2em; color:White; font-weight:bold;}

Posto lo screenshot del risultato
Senza-titolo-1.jpg


Ecco invece come vorrei che venisse:
2.jpg


Grazie a chiunque riesca a darmi una mano.