Foros del Web » Creando para Internet » CSS »

Background semitransparente pero que no agarre el texto

Estas en el tema de Background semitransparente pero que no agarre el texto en el foro de CSS en Foros del Web. Hola. Necesito ayuda: ¿Como hacer para poner transparencia a un fondo de div pero que no agarre el texto? Me han dicho con imágenes semitransparentes ...
  #1 (permalink)  
Antiguo 14/05/2011, 08:42
Avatar de Lopezito  
Fecha de Ingreso: junio-2010
Mensajes: 367
Antigüedad: 13 años, 9 meses
Puntos: 17
Background semitransparente pero que no agarre el texto

Hola.
Necesito ayuda: ¿Como hacer para poner transparencia a un fondo de div pero que no agarre el texto?
Me han dicho con imágenes semitransparentes y eh echo pero no sale, pueden darme algún ejemplo o código para que el texto, e imágenes no se vean afectados?
Saludos.
  #2 (permalink)  
Antiguo 14/05/2011, 09:01
Avatar de TEPO  
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 14 años, 2 meses
Puntos: 23
Busqueda Respuesta: Background semitransparente pero que no agarre el texto

A ver si te entendi, vos queres tener un div, con un fondo semitransparente, pero que el texto de ese div se vea por encima del fondo semitransparente?

Si es eso es facil, en vez de tener un solo div, vas s tener dos, uno dentro del otro, el primer div, va a tener la imagen semitransparente y el segundo div que va estar dentro de este primer div, va a tener el texto, de esta manera no se te vera afectado el texto, ya que este se va a ver por encima del otro div.

Espero hayas entendido, algo asi:
<div id="cuadro"> (este div contiene la imagen semi-transparente)
<div id="texto"></div> (este contiene solo el texto)
</div>
[/CODE]

Te mando el link de una pagina que hice, dende vas a ver un monton de divs con fondos semitransparentes y el texto no se ve afectado.
http://la-carpinteria.com.ar

Espero que sea eso. Saludos.
  #3 (permalink)  
Antiguo 14/05/2011, 09:05
Avatar de TEPO  
Fecha de Ingreso: febrero-2010
Mensajes: 235
Antigüedad: 14 años, 2 meses
Puntos: 23
Respuesta: Background semitransparente pero que no agarre el texto

Te paso el codigo de nuevo, ya que no lo puede tabular antes, el codigo correcto es este:

Código:
<div id="cuadro"> (este div contiene la imagen semi-transparente)
       <div id="texto"></div> (este contiene solo el texto)
</div>
  #4 (permalink)  
Antiguo 14/05/2011, 23:50
Avatar de Lopezito  
Fecha de Ingreso: junio-2010
Mensajes: 367
Antigüedad: 13 años, 9 meses
Puntos: 17
Respuesta: Background semitransparente pero que no agarre el texto

Y no hay alguna posibilidad de poder hacerlo pero sin imagen?
Saludos.
  #5 (permalink)  
Antiguo 15/05/2011, 00:31
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Background semitransparente pero que no agarre el texto

propiedad css3

Código CSS:
Ver original
  1. .transparente{background: rgba(255, 255, 255, 0.15);}

compatible con las ultimas versiones de Safari, Chrome, Firefox, y Opera.
en IE9 no lo he probado pero tengo entendido que también funciona... versiones viejas obviamente no trabaja

aunque por facilidad y compatibilidad yo optaría por una imagen png32 semitransparente como fondo del div contenedor... no veo complicación, si a ti no te a funcionado es porque no supiste crear la imagen, prueba crearla en fireworks y exportala en png32
  #6 (permalink)  
Antiguo 15/05/2011, 13:23
Avatar de Lopezito  
Fecha de Ingreso: junio-2010
Mensajes: 367
Antigüedad: 13 años, 9 meses
Puntos: 17
Respuesta: Background semitransparente pero que no agarre el texto

Cita:
Iniciado por Ag666 Ver Mensaje
propiedad css3

Código CSS:
Ver original
  1. .transparente{background: rgba(255, 255, 255, 0.15);}

compatible con las ultimas versiones de Safari, Chrome, Firefox, y Opera.
en IE9 no lo he probado pero tengo entendido que también funciona... versiones viejas obviamente no trabaja

aunque por facilidad y compatibilidad yo optaría por una imagen png32 semitransparente como fondo del div contenedor... no veo complicación, si a ti no te a funcionado es porque no supiste crear la imagen, prueba crearla en fireworks y exportala en png32
Gracias Loco!!! :D
Saludos.

PD: Pueden cerrar el tema.
  #7 (permalink)  
Antiguo 16/05/2011, 05:25
Avatar de PedroDesing  
Fecha de Ingreso: octubre-2007
Ubicación: Barcelona, España
Mensajes: 202
Antigüedad: 16 años, 5 meses
Puntos: 18
Respuesta: Background semitransparente pero que no agarre el texto

Cita:
aunque por facilidad y compatibilidad yo optaría por una imagen png32 semitransparente como fondo del div contenedor... no veo complicación, si a ti no te a funcionado es porque no supiste crear la imagen, prueba crearla en fireworks y exportala en png32
Con PNG24 habría algún problema?
__________________
pedrorodas.com próximamente! Permanezcan atentos
  #8 (permalink)  
Antiguo 16/05/2011, 09:47
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Background semitransparente pero que no agarre el texto

Cita:
Iniciado por PedroDesing Ver Mensaje
Con PNG24 habría algún problema?
yo para este tipo de cosas suelo utilizar png32 porque nunca me ha dado problemas, png8 aveces me funciona aveces no... quien sabe y me equivoque en algo al usarlo, y el png24 no ofrece la opción de transparencias por lo que no lo veo viable para estos casos... o al menos mi fireworks no me presenta dicha opción en ellos

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:06.