Δεν υπάρχει φόντο αδιαφάνειας ιδιοτήτων CSS, αλλά μπορείτε να το πλαστογραφήσετε εισάγοντας ένα ψευδο στοιχείο με κανονική αδιαφάνεια το ακριβές μέγεθος του στοιχείου πίσω από αυτό.
div ( width: 200px; height: 200px; display: block; position: relative; ) div::after ( content: ""; background: url(image.jpg.webp); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; )