Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 22-ago-2007, 03:48   #1 (permalink)
viktoria ha deshabilitado el karma
 
Fecha de Ingreso: septiembre-2006
Mensajes: 299
como aplicar nivel y transparencia a un div

Hola chicos.
Me gustaria saber como se puede hacer el efecto cuando aparece un DIV (supongo que es un div puede que no) tipico "cargando" sobre todo el contenido web y tiene un transaprencia ( o sea un canal alpha unos 80%).
Se como generar texto "cargando" o otros estados en los que se encuentra la peticion corriente al servidor y lo puedo mostrar en un div con estilos aplicados pero no se como colocarlo por encima de todo el contenido.
por ejemplo por encima de la tabla que tengo con datos.
Gracias a todos!
viktoria está desconectado   Responder Citando
Antiguo 22-ago-2007, 12:58   #2 (permalink)
drakoman ha deshabilitado el karma
 
Fecha de Ingreso: agosto-2007
Mensajes: 15
Re: como aplicar nivel y transparencia a un div

Hola compañero, pues si quieres hacer un div trasmparente , como este fijate en la web www . decamana . com , en la parte de arriba por donde esta la fecha, es un div y es transparente, si mas o menos es eso lo que quieres, alli te va la respuesta:

Creaas una imagen en png, eliges el color que quieres, y luego a esa imagen le das una transparencia de 60% y tu calculas, eso en el firework, y lo guardas como png.
EL siguiente paso es:
en tu estilo
le llamaremos asi

#imgtrans{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/imagen1.png',sizingMethod='scale');
z-index: 80;
}

div>#imgtrans {
background-image: url(img/imagen1.png);
}

Es todo, ese filtro no muy conocido es el q le dara la transparencia y abajo le inserta solo un fondo.
drakoman está desconectado   Responder Citando
Antiguo 23-ago-2007, 11:34   #3 (permalink)
arwen_1 ha deshabilitado el karma
 
Avatar de arwen_1
 
Fecha de Ingreso: diciembre-2006
Mensajes: 81
Re: como aplicar nivel y transparencia a un div

hola drakoman!

tengo un problema parecido... no se si decirlo en este post o si visitas el mio que aun no recibo respuesta

quitar opacidad

de todas maneras, mi problema es el siguiente:

logro colocar un div transparente PERO todo lo que se encuestra dentro del mismo tamien toma la opacidad! y no me interesa que las imagenes y letras contenidas en el sean tranparentes...

de que forma puedo hacer para que esos elementos no tomen la opacidad del div..? y que funcione en firefox y en ie...?

gracias de antemano!
arwen_1 está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 12:16.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93