Foros del Web » Creando para Internet » CSS »

excepcion de filtro opacity?

Estas en el tema de excepcion de filtro opacity? en el foro de CSS en Foros del Web. a ver si me pueden ayudar, me estoy haciendo una ensalada con todo el css Tengo la pagina maquetada con varios divs y clases, pero ...
  #1 (permalink)  
Antiguo 17/10/2009, 00:39
 
Fecha de Ingreso: octubre-2009
Mensajes: 48
Antigüedad: 14 años, 6 meses
Puntos: 0
excepcion de filtro opacity?

a ver si me pueden ayudar, me estoy haciendo una ensalada con todo el css

Tengo la pagina maquetada con varios divs y clases, pero la parte que importa es el contenido, que tiene el clasico filtro con transparencia, el cual queda muy lindo....pero necesito hacer una excepcion con cierta galeria de imagenes, porque hace todo transparente y estas se tienen que ver bien.

Este es el codigo del div
Código:
#content { 
	float: left;
	width: 600px;
	margin: 0 0 0px 8;
	background-color: white;
	filter:alpha(opacity=60);
                opacity:0.6;
	  }
Que puedo poner para que al menos con un efecto "hover" esten sin transparencia las imágenes? (y que siga con la transparencia el resto)
  #2 (permalink)  
Antiguo 17/10/2009, 05:20
Avatar de Animeonx  
Fecha de Ingreso: agosto-2009
Ubicación: Debajo de tu Cama
Mensajes: 56
Antigüedad: 14 años, 8 meses
Puntos: 3
Respuesta: excepcion de filtro opacity?

#content:hover {
filter:alpha(opacity=100);
opacity:1;
}

forosdelweb.com/f53/div-sin-transparencia-encima-div-con-transparencia-702499/

araudi.net/ejemplos/transparencia.html

Última edición por Animeonx; 17/10/2009 a las 05:26 Razón: Mejor respuesta
  #3 (permalink)  
Antiguo 17/10/2009, 06:15
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: excepcion de filtro opacity?

O ya que estás usando un color sólido en el fondo, puedes hacer uso del valor "RGBA" para el fondo:
Nota mental: mencionar al final que la familia de ie no reconoce "opacity"
Cita:
background: rgba(255,255,255, 0.7);
Con la advertencia de que es CSS3: hay navegadores que símplemente lo ignorarán.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 17/10/2009, 09:00
Avatar de Animeonx  
Fecha de Ingreso: agosto-2009
Ubicación: Debajo de tu Cama
Mensajes: 56
Antigüedad: 14 años, 8 meses
Puntos: 3
Respuesta: excepcion de filtro opacity?

Cita:
Iniciado por kseso? Ver Mensaje
O ya que estás usando un color sólido en el fondo, puedes hacer uso del valor "RGBA" para el fondo:
Nota mental: mencionar al final que la familia de ie no reconoce "opacity"

Con la advertencia de que es CSS3: hay navegadores que símplemente lo ignorarán.

Un saludo
css-tricks.com/rgba-browser-support/

Desconocía ese código, lastima que ie no lo soporte y firefox 2 tampoco... por eso hay que evangelizar el uso de chrome frame :D
  #5 (permalink)  
Antiguo 19/10/2009, 11:45
 
Fecha de Ingreso: octubre-2009
Mensajes: 48
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: excepcion de filtro opacity?

gracias, me sirvió el ejemplo de araudi. Modifiqué los márgenes a ojo pero quedó bien xD
Cuando me dejen postear urls seguro las pondré donde critican asi pueden ver que bonita quedó xD
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 18:17.