Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/10/2010, 08:50
Black_River
 
Fecha de Ingreso: octubre-2003
Ubicación: FMSite
Mensajes: 336
Antigüedad: 20 años, 6 meses
Puntos: 2
Respuesta: Transparencias

Hola,

Finalmente, opté por dejarlo con opacidad. Pero hoy he vuelto a entrar en la pelea y quiero conseguir tal efecto.

Tengo un div medio-transparente (al 70%) con position fixed cubriendo toda la pantalla y, dentro, coloqué otro div probando con las configuraciones que propones. Sin embargo, siempre se ve parcialmente transparente.

Este es el CSS que uso:

Código:
#bloqueImagen{
	position:fixed;
	left: 0;
	top: 0;
	width:100%;/*900px;*/
	height:100%;
	padding: 20px;
	display: none;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0 1px #BBB;
	
	background-color: grey;
	text-align:center;
	z-index:999;
	box-shadow: 0 0 5px #888;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}
#bloqueImagen img{
	max-width: 900px;
}
#bloqueImagen .laImagen{
	position: relative;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	-khtml-opacity: 1;
}
bloqueImagen es el div que cubre toda la pantalla y .laImagen es el "contenido" que va dentro de dicho div.
__________________
http://www.fmsite.net/