Χρησιμοποιώ κάτι παρόμοιο με τον ακόλουθο κώδικα:
<div style="opacity:0.4; background-image:url(...);">
<div style="opacity:1.0;">
Text
</div>
</div>
Περίμενα ότι αυτό θα έκανε το φόντο να έχει αδιαφάνεια 0,4 και το κείμενο να έχει 100% αδιαφάνεια. Αντ' αυτού και τα δύο έχουν αδιαφάνεια 0,4.
Τα παιδιά κληρονομούν την αδιαφάνεια. Θα ήταν περίεργο και άβολο αν δεν το έκαναν.
Μπορείτε να χρησιμοποιήσετε ένα ημιδιαφανές αρχείο PNG για την εικόνα φόντου σας ή να χρησιμοποιήσετε ένα χρώμα RGBa (a για άλφα) για το χρώμα φόντου σας.
Παράδειγμα, 50% ξεθωριασμένο μαύρο φόντο: