Halbtransparente Hintergrundbilder

Da es für background-image kein opacity also keine halbtransparente Hintergrundbilder Eigenschaft gibt, funktioniert das in der Regel nur wenn man das Bild mit einem Bildeditor halb/transparent speichert.

body{
  &::after{
      content: "";
      background-image: url("../img4u/bg.png") !important;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-attachment: fixed; /*or absolute */
      opacity: 0.1;
      position: fixed;
      top: 0%;
      left: 0%;
      right: 0%;
      bottom: 0%;
      z-index: -1;
  }
}