Mmmm... Yo en tu lugar lo que haría seria editar la imagen y darle un nivel de
transparencia deseado. Y listo.
O de lo contrario le daría transparencia como sugeriste. Crear otro div lo
posicionás encima del otro y le das un z-index superior al otro. Atención: no
me refiero a un div dentro de otro, si no que otro por fuera pero súperpuesto.
Ya tienes dos opciones. Abrazos.
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina
-----Original Message-----
From: Ariel Isaac <isaacr...@gmail.com>
Sender: ovillo-boun...@lists.ovillo.org
Date: Fri, 30 Nov 2012 11:13:41
To: Ovillo, la lista de CSS en castellano<ovillo@lists.ovillo.org>
Reply-To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org>
Subject: [Ovillo] Poner div con imagen de fondo y transparencia pero que no
afecte a los textos que estén adentro
Hola a todos:
Estoy tratando de poner un div que tiene como background-image una
imagen que se repite, a ese div le doy cierta transparencia, pero
tengo el problema que dentro de ese div coloco textos y estos heredan
la transparencia del div de background, esto es fácil de solucionar
con rgba cuando el div de background tiene un color determinado pero
ahora que ese div tiene una imagen de background como se solucionaría
???
aqui pongo el ejemplo:
.cartel {
background-image:url(../img/pattern.jpg);
background-repeat: repeat;
padding-bottom: 8px;
filter:alpha(70);
filter:alpha(opacity=70); /* IE6/7/8 */
opacity:0.7;
height:50px;
width:100px
}
.cartel p, .cartel h4{
color:white;
opacity: 1;
}
<div class="cartel ">
<h4>
Lorem ipsum
</h4>
<p>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus,
tellus ac cursus commodo, tortor mauris condimentum nibh.
</p>
</div>
Espero que alguien me pueda ayudar.
Saludos,
Gracias de antemano.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
