Re: [Ovillo] Poner div con imagen de fondo y transparencia pero que no afecte a los textos que estén adentro

2012-11-30 Por tema Edgardo Raúl Galletto
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 castellanoovillo@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


Re: [Ovillo] Poner div con imagen de fondo y transparencia pero que no afecte a los textos que estén adentro

2012-11-30 Por tema Juan Txonta
Hola a todos. ¿Y sobreescribir la regla (que da transparencia) en
div.cartel  p ? ¿no sería mas sencillo?.

El 30/11/12 17:44, Edgardo Raúl Galletto escribió:
 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 castellanoovillo@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


___
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