Another solution is instead of changing the opacity of the background image, you add an overlay with a semi-transparent background color on top of the background image. background-image: defines one or more background images for the element. 3. Background images can add to the file size. For more info, see the CSS background-repeat property. Note − The background attribute deprecated in HTML5. If you want the background image to appear on a single page only, surround the code by