Resuelve Tus Dudas

Preguntame lo que quieras! CSS, Javascript, PHP, Wordpress

Estas aqui:Ayuda WP » Como cambio la opacidad de una imagen de fondo?
0
0

Hola Migura gracias por ayudarme en el otro foro tengo otra pregunta como podria ajustar la opacidad de una imagen de fondo sin utilizar una imagen trasparente?   Gracias

0
0

Hola Alcahuete! Gracias por visitar mi recien inaugurado sitio. Lamento decirte que no hay una opcion por defecto en CSS para realizar lo que solicitas, sin embargo puedes intentar este pequeño truco.

 

Selecciona El elemento al cual deseas aplicarle una imagen de fondo y utiliza el pseudo-selector before, dejando su contenido vacio y añadiendo reglas de css que establezcan la imagen de fondo deseada, añadiendo la propiedad opacity y el valor de opacidad deseado.
Supon que el elemento al cual quieres aplicar la imagen de fondo tengo la clase “imagen-de-fondo”…el css a aplicar quedaria asi:

 


.imagen-de-fondo {
position: relative;
z-index: 1;
}


.imagen-de-fondo:before {
content:” “;
background-image: url(http://imagendefondo.jpg);
position: absolute;
top: 0
left: 0
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.8;
}
Showing 1 result
Your Answer
Post as a guest by filling out the fields below or if you already have an account.
Name*
E-mail*
Website

Productos destacados

responsive-sportif-transparent Sportif Tema Wordpress deportivo

Comparte esta pagina

Pin It on Pinterest