Con los nuevos pseudo selectores & un poquito de trucos con CSS podemos hasta controlar la opacidad de una imagen de fondo de un div contenedor o del body mismo –
Primero creamos un div y le damos pocision relativa para usar lo como punto de referencia, despues le dasmo un z-index para poder colocar cosas atras de este div –
#content
{
position:relative; z-index:1;
}
Ahora creamos con el pseudo selector la parte de atras… con #content:before, le añadimos un contenido vacio con las comillas ahora lo damos un z-index -1 para que aparece abajo y la pocionamos con top, right, left & buttom, añadimos la imagen del fondo & para culminar aplicamos una opcidad mirar esto –
#content:before
{ content:""; position:absolute; z-index:-1; bottom:10px; right:10px; width:500px; height:300px; background:url(image.jpg); }
Suerte 🙂
Leave a Reply