Bir şeyler aşağıdaki koda benzer İ kullanarak:

<div style="opacity:0.4; background-image:url(...);">
 <div style="opacity:1.0;">
  Text
 </div>
</div>

Bu arka plan 0.4 opaklık ve 0 opaklık için metin yapmak için bekliyordum. Bunun yerine her ikisi de 0.4, bir kopya daha var.

Çocuklar opaklık devralır. Eğer onlar değil mi eğer garip ve rahatsız edici olur.

Arka plan görüntüsü için saydam bir png kullanın veya arka plan rengi (alpha için a) temsil etmek için bir renk kullanabilirsiniz.

Örneğin, 50% soluk siyah arka plan:

<div style="background-color:rgba(0, 0, 0, 0.5);">
   <div>
      Text added.
   </div>
</div>