.transparent { background-color: rgba(255, 255, 255, 0.5); } .transparent { opacity: 0.5; }
h1 {background-color:rgba(255,0,0,0.3);}
div { width: 200px; height: 200px; display: block; position: relative; } div::after { content: ""; background: url(image.jpg); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }