Ich verwende etwas ähnliches wie den folgenden Code:
<div style="opacity:0.4; background-image:url(...);">
<div style="opacity:1.0;">
Text
</div>
</div>
Ich hatte erwartet, dass dadurch der Hintergrund eine Deckkraft von 0,4 und der Text eine Deckkraft von 100 % erhält. Stattdessen haben sie beide eine Deckkraft von 0,4.