Un usuario pregunt贸 馃憞
Estoy tratando de agregar una imagen con opacidad como 0.4 pero no funciona.
En otro foro, estaba leyendo sobre c贸mo agregar una imagen de fondo transparente a un tema y encontr茅 este CSS
# content.site-content {background: rgba (255,255,255,0.4); }
pero cuando desactivo este CSS mi imagen de fondo. 驴Alguna idea sobre c贸mo lograr esto?
Autor del tema
(@afterimagedesigns)
Hace 2 a帽os, 8 meses
Hola Codeforweb,
Gracias por usar WP Bootstrap Starter, 驴puedo obtener la URL de su sitio web y d贸nde exactamente desea agregar una imagen de fondo transparente?
El c贸digo CSS que public贸 no har谩 que la imagen de fondo sea transparente, sino que har谩 que el color de fondo sea transparente. Para crear una imagen de fondo transparente hay 2 formas,
Opci贸n 1: el uso de Photoshop redujo la transparencia pf en la imagen y luego apl铆quelo a la p谩gina.
Opci贸n 2: crea un c贸digo HTML como este
<div class="sample-div">
<div class="transpa-bg"><img src="image/source.jpg"></div>
<div class="content">Your content HERE</div>
</div>luego agrega c贸digo CSS
.sample-div {
position: relative;
}
.transpa-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100;
opacity: 0.5;
}
.content {
position: relative;
z-index: 10;
}
Espero que mi c贸digo de muestra ayude. Que tengas un buen dia 馃檪
(@codeforweb)
Hace 2 a帽os, 8 meses
Gracias por la ayuda @afterimagedesigns
Lo hice reduciendo la opacidad de mi imagen de fondo en Adobe Photoshop.
驴Solucion贸 tu problema??
2 / 0