Imagen transparente de fondo html

marcgarcia51 · #1 (**permalink**) 02/08/2015, 12:10

Hola, puse un fondo al html, el código es el siguiente:

html {
background-image:url('/E:/WEB/imagenes/img1.jpg');
background-repeat:no-repeat;
background-size: cover;
background-attachment:fixed;
}

Quiero poner la imagen semitransparente.

Si pongo opacity:0.7 junto con los atributos de html cambia toda la web, yo solo quiero que cambie la imagen. ¿Qúe otra manera hay de poner una imagen de fondo semitransparente?
Pense en poner la etiqueta img (con sus propiedades )fuera de body pero se descuadra.

superweb360 · #2 (**permalink**) 04/08/2015, 12:04

Código HTML:

Ver original<!doctype html>
<html>
    <head>
        <style>          
           body::after {
             content: "";
             background: url(http://eastsbeach.com.au/assets/Uploads/_resampled/SetWidth2000-Kiama-Events-Easts-Beach-PB.jpg);
             opacity: 0.4;
             top: 0;
             left: 0;
             bottom: 0;
             right: 0;
             position: absolute;
             z-index: -1;   
           }           
        </style>
    </head>
    <body>
       
    </body>
</html>