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

Respuesta
 
Herramientas Desplegado
Antiguo 20-jul-2005, 04:29   #1 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
Pregunta filter:Alpha ¿sólo se aplica a imágenes?

Alguien que me confirme si se puede aplicar el filtro para opacidad a un div o si por el contrario sólo chuta en las imágenes.

Por saber si lo aplico mal o si es que es llana y puramente así de cagada el IExplorer





p.d. odio oooodio profundamente el explorer
tunait está desconectado   Responder Citando
Antiguo 20-jul-2005, 04:56   #2 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
...agregar que hago extensible mi odio hacia opera también
tunait está desconectado   Responder Citando
Antiguo 20-jul-2005, 06:03   #3 (permalink)
Colaborador
Daniel Ulczyk llegará a ser famoso muy prontoDaniel Ulczyk llegará a ser famoso muy pronto
 
Avatar de Daniel Ulczyk
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 1.119
Enviar un mensaje por Skype™ a Daniel Ulczyk
Particularmente, poco he utilizado el tema de filtros. Sólo anda en IE y he aquí un ejemplo aplicado a tablas con un evento onMouseOver.
En <div> también puede aplicarse.
<table width="40%" border="1" cellspacing="0" cellpadding="0" onMouseOver="this.filters.alpha.opacity='100'" onMouseOut="this.filters.alpha.opacity='50'" style="filter:alpha(opacity=50);-moz-opacity:50%;">

Saludos.
Daniel Ulczyk está desconectado   Responder Citando
Antiguo 21-jul-2005, 08:37   #4 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
Hola Daniel Ulczyk,

gracias por contestar.

El tema es que necesit(aba) aplicar cierta opacidad a un div pero IE no la aplica.

Si tenía esto

.opacidad{
filter:alpha(opacity=50)
}

y lo aplico a un div

<div class="opacidad"> <img src="pepe.gif" /> </div>

no funciona.

En cambio si la aplico a la imagen

<img src="pepe.gif" class="opacidad" />

sí que funciona.

Pensaba que se le podía aplicar a cualquier elemento pero parece que a los div no deja

gracias por tu interés

un saludo
tunait está desconectado   Responder Citando
Antiguo 21-jul-2005, 09:16   #5 (permalink)
geograf_art ha deshabilitado el karma
 
Avatar de geograf_art
 
Fecha de Ingreso: abril-2005
Mensajes: 55
hola la opacidad es tambien aplicada a textos y a div , pero claro en el div una imagen conte xto y se le aplica la opacidad chequea esto:
http://www.mandarindesign.com/opacity.html
chau.
geograf_art está desconectado   Responder Citando
Antiguo 21-jul-2005, 09:33   #6 (permalink)
Colaborador
Daniel Ulczyk llegará a ser famoso muy prontoDaniel Ulczyk llegará a ser famoso muy pronto
 
Avatar de Daniel Ulczyk
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 1.119
Enviar un mensaje por Skype™ a Daniel Ulczyk
Es cierto, lo he definido así:

#contenido {
width:50%;color:black;background:white;filter:alph a(opacity=50);
}

Y en IE funciona.
Daniel Ulczyk está desconectado   Responder Citando
Antiguo 21-jul-2005, 10:30   #7 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
Pues esto es 'pa mear y no echar gota. Resulta que ahora sí me está mostrando el cambio de opacidad sobre un div

Ayer me volvió loca y hoy lo entiende perfectamente.


...en fin, muchas gracias Daniel Ulczyk y geograf_art



...por cierto para Opera no hay truco que valga aún para la opacidad ¿no?
tunait está desconectado   Responder Citando
Antiguo 21-jul-2005, 10:47   #8 (permalink)
Colaborador
Daniel Ulczyk llegará a ser famoso muy prontoDaniel Ulczyk llegará a ser famoso muy pronto
 
Avatar de Daniel Ulczyk
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 1.119
Enviar un mensaje por Skype™ a Daniel Ulczyk
Cómo es eso? Ayer no, hoy sí...?
A veces creo que todo puede suceder.
Hasta donde tengo entendido, el tema de la opacidad es exclusiva de IE y de los browsers basados en Gecko.
Se rumorea que con el advenimiento de las CSS3, Opera soportará los filter

Saludos
Daniel Ulczyk está desconectado   Responder Citando
Antiguo 21-jul-2005, 11:34   #9 (permalink)
furoya llegará a ser famoso muy prontofuroya llegará a ser famoso muy pronto
 
Fecha de Ingreso: noviembre-2002
Mensajes: 980
Hola todos :

yo no odio al Opera. Quizá me parezca una quijotada eso de pretender un navegador seguro, rápido y que solamente muestre lo que coincida con los estándares. Especialmente porque ya le han encontrado agujeros ( ¡No se puede creer en nadie! ) y ... bueno, no toquemos el tema de seguir un standard.

Es muy dificil hackearlo desde HTML, JS u otros. Así que no es para nosotros porque nos limita demasiado.

Lo de ver cambios de opacidad y algunos motivos para que a vaces el IE lo muestre y otras no, puede estar aquí

Función "opacity"

saludos

furoya

P.D. : dejo el enlace otra vez porque en la vista previa ya no me anduvo y no sé por qué

Función "opacity"
furoya está desconectado   Responder Citando
Antiguo 21-jul-2005, 11:35   #10 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
Cita:
Iniciado por Daniel Ulczyk
Cómo es eso? Ayer no, hoy sí...?
No hace mucho me pasó algo similar con IE pero creo que era con javascript algo que no iba y al día siguiente funcionaba a la perfección.

Pues si vieras la movida que tuve que hacer para obtener el mismo resultado visual en explorer ... para que hoy sí aplique el cambio de opacidad a al div.
Pero hice la prueba de aplicar la misma clase a un div con una imagen dentro y no se aplicaba. Le asignaba la clase directamente a la imagen y sí que e cambiaba la opacidad. Hoy he hecho la misma prueba y en el mismo entorno (mismo documento con la misma hoja de estilos) y hoy sí.

...en fin, miraré el lado bueno y es la práctica que le he sacado al asunto. Pero claro, nunca antes tuve problemas para las opacidades con explorer.

Un saludo
tunait está desconectado   Responder Citando
Antiguo 21-jul-2005, 11:49   #11 (permalink)
Moderadora
tunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradabletunait es realmente agradable
 
Avatar de tunait
 
Fecha de Ingreso: noviembre-2002
Ubicación: Terok Nor
Mensajes: 14.895
Cita:
Iniciado por furoya
Lo de ver cambios de opacidad y algunos motivos para que a vaces el IE lo muestre y otras no, puede estar aquí

Función "opacity"
Hola furoya

Pues fíjate que en la clase estaba (y está, vamos) definidos tanto un width como un height y no me lo mostraba. Hoy la misma clase sí cambia la opacidad.

La próxima que me suceda una marcianada de estas reiniciaré la compu

p.d. yo sigo odiando Opera . En serio es un navegador que me parece raro. Me deja siempre unos márgenes alrededor de los documentos y a veces tiene unas interpretaciones de lo más raras con los css
tunait está desconectado   Responder Citando
Antiguo 21-jul-2005, 12:49   #12 (permalink)
geograf_art ha deshabilitado el karma
 
Avatar de geograf_art
 
Fecha de Ingreso: abril-2005
Mensajes: 55
Si en opera no anda la opacidad y si es q anda no se como, si alguien por ahi sabe, que se pase el dato a los amigos del foro ... de nada tunait
geograf_art está desconectado   Responder Citando
Antiguo 21-jul-2005, 21:22   #13 (permalink)
CORE está en el buen camino
 
Avatar de CORE
 
Fecha de Ingreso: noviembre-2002
Ubicación: Merida
Mensajes: 2.179
Hola gente
Estos son algunas formas de hacer interpretar la opacidad con css en algunos navegadores

filter:alpha(opacity=50); /*MSIE*/
-moz-opacity:.5; /*Geko*/
-khtml-opacity: 5.0;/*Safari*/
opacity:.5;/*Proximos Navegadores con soporte CSS3*/

saludos

Última edición por CORE; 21-jul-2005 a las 21:39.
CORE está desconectado   Responder Citando
Antiguo 21-jul-2005, 23:17   #14 (permalink)
CORE está en el buen camino
 
Avatar de CORE
 
Fecha de Ingreso: noviembre-2002
Ubicación: Merida
Mensajes: 2.179
Cita:
Iniciado por tunait
p.d. yo sigo odiando Opera . En serio es un navegador que me parece raro. Me deja siempre unos márgenes alrededor de los documentos y a veces tiene unas interpretaciones de lo más raras con los css
Creo que opera interpreta muy bien las css del body

Es mas logico que el body no puede tener un margin por que se saldria del explorador, sin en cambio el padding queda perfecto por que en realidad el padding queda dentro del body. ¿no? pienso yo

saludos
CORE está desconectado   Responder Citando
Antiguo 23-jul-2005, 12:58   #15 (permalink)
furoya llegará a ser famoso muy prontofuroya llegará a ser famoso muy pronto
 
Fecha de Ingreso: noviembre-2002
Mensajes: 980
Cita:
...Pues fíjate que en la clase estaba (y está, vamos) definidos tanto un width como un height y no me lo mostraba. Hoy la misma clase sí cambia la opacidad...
Hola tunait :

Eeee ... Sí, claro. Seguramente leí muy a las apuradas y no me fijé en ese detalle.
Cómo estaré de distraído que tampoco vi que eras tú quien preguntaba. Eso para mí, es algo imperdonable. Vamos a ver si puedo arrimarme a un ensayo de redención.

Creo recordar que usabas IE5; pero no estoy seguro del sistema operativo.

En W98 ( posiblemente en ME, pero tengo mis serias dudas con XP ) existe algo llamadp DDHELP ( a éste sí lo odio ! ); que no se carga en el inicio sino que es llamado por IE cuando tiene que mostrar un filtro y no están los DX actualizados. El comportamiento 'odioso' se da cuando el Explorer se cuelga y hay que darle un kill ( o lo pide el mismo s.o. ), ya que el complemento no vuelve a cargarse; a menos que reiniciemos Windows.

De momento no se me ocurre otra explicación mejor para tu X-file que la falta momentánea de ese DDHELP.

saludos

furoya

P.D. :
Cita:
...
Si tenía esto

.opacidad{
filter:alpha(opacity=50)
}
...
...
Bien, aprovecho para hacerte una pregunta fuera de tema. ¿ por qué a tí si te anda la etiqueta BBCode POST y a mi no ?

Última edición por furoya; 23-jul-2005 a las 13:07. Razón: para agregar un "serio".
furoya está desconectado   Responder Citando
Antiguo 23-ene-2008, 11:53   #16 (permalink)
Ziongem ha deshabilitado el karma
 
Avatar de Ziongem
 
Fecha de Ingreso: noviembre-2007
Ubicación: mvd
Mensajes: 47
Enviar un mensaje por MSN a Ziongem
Re: filter:Alpha ¿sólo se aplica a imágenes?

Buenas, estuve probando la solución que dieron para safari (-khtml-opacity: 5.0;) y no me funcionó, alguien lo probó y le funcionó?

Gracias

Zg
Ziongem está desconectado   Responder Citando
Antiguo 23-ene-2008, 12:22   #17 (permalink)
CrepitantE sólo puede mejorar
 
Avatar de CrepitantE
 
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 338
Re: filter:Alpha ¿sólo se aplica a imágenes?

A mi me pasa muchas veces eso de que los navegadores no actualizan correctamente los cambios que hago desde el codigo fuente. Lo soluciono cerrando los navegadores y volverlos a abrir, porque un simple F5 no es la solucion aunque parezca lo más lógico.

Ehhh por cierto, estoy viendo ese post y es de 2005.... Igual dejo mi respuesta porque no me fijé en la fecha.
__________________
La web de Jaime Castellar (no terminada)

"Si contradices una verdad incuestionable, habremos reducido al adversario."

Última edición por CrepitantE; 23-ene-2008 a las 12:26. Razón: No revivan post viejos que casi nadie mira las fechas
CrepitantE está desconectado   Responder Citando
Antiguo 23-ene-2008, 12:34   #18 (permalink)
Moderador HTML y CSS
webosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy prontowebosiris llegará a ser famoso muy pronto
 
Avatar de webosiris
 
Fecha de Ingreso: noviembre-2002
Ubicación: /home/montevideo
Mensajes: 5.965
Enviar un mensaje por MSN a webosiris Enviar un mensaje por Skype™ a webosiris
Re: filter:Alpha ¿sólo se aplica a imágenes?

Cita:
Iniciado por Ziongem Ver Mensaje
Buenas, estuve probando la solución que dieron para safari (-khtml-opacity: 5.0;) y no me funcionó, alguien lo probó y le funcionó?
lu, safari ya soporta el opacity estandar
__________________
Oraculus.com. Sitios web artesanales para el siglo XXI

PSD a HTML. Tu diseño. Nuestro código.
webosiris está desconectado   Responder Citando
Antiguo 24-ene-2008, 06:05   #19 (permalink)
Ziongem ha deshabilitado el karma
 
Avatar de Ziongem
 
Fecha de Ingreso: noviembre-2007
Ubicación: mvd
Mensajes: 47
Enviar un mensaje por MSN a Ziongem
Re: filter:Alpha ¿sólo se aplica a imágenes?

Excelente ER! Muchísimas gracias, y perdón a CrepitantE pero preferí reflotar un tema a hacer un tema nuevo de lo mismo.

Saludos y gracias de nuevo.

PD: También me funcionó para Opera.
Ziongem está desconectado   Responder Citando
Antiguo 24-ene-2008, 13:28   #20 (permalink)
CrepitantE sólo puede mejorar
 
Avatar de CrepitantE
 
Fecha de Ingreso: octubre-2006
Ubicación: Colombia
Mensajes: 338
Re: filter:Alpha ¿sólo se aplica a imágenes?

Por mi no problem Ziongem pero hace poco por no mirar fechas me colocan karma negativo, por colocar mi opinion en un post con un titulo bastante parecido pero con fechas distintas, sobre un duelo.

Mi preferencia no es sobre los mensajes antiguos pero poco miro fechas y no tengo los opcion de borrar mensajes, ayudaría en lo que pueda, hasta donde mis pocos conocimientos me limiten pero como supuestamente el creador del post deberia haber conseguido soluciones a los problemas y esto no es bien visto por muchos usuarios de la comunidad entonces solo me queda no intentar responder mensajes antiguos, realmente no me molesta del todo, lo hago por respeto y por mantener el orden.

Perdon a usted Ziongem si se sintió perseguido, no fue mi intencion.
__________________
La web de Jaime Castellar (no terminada)

"Si contradices una verdad incuestionable, habremos reducido al adversario."
CrepitantE está desconectado   Responder Citando
Antiguo 24-ene-2008, 16:02   #21 (permalink)
Ziongem ha deshabilitado el karma
 
Avatar de Ziongem
 
Fecha de Ingreso: noviembre-2007
Ubicación: mvd
Mensajes: 47
Enviar un mensaje por MSN a Ziongem
Re: filter:Alpha ¿sólo se aplica a imágenes?

No me sentí perseguida CrepitantE sino que busqué en el buscador del foro ayuda sobre este tema y como probé la solución y no me funcionó pregunte.

Un saludo y muchas gracias.

Zg
Ziongem está desconectado   Responder Citando
Antiguo 27-ene-2008, 05:45   #22 (permalink)
furoya llegará a ser famoso muy prontofuroya llegará a ser famoso muy pronto
 
Fecha de Ingreso: noviembre-2002
Mensajes: 980
Re: filter:Alpha ¿sólo se aplica a imágenes?

Cita:
Iniciado por Ziongem
... pero preferí reflotar un tema a hacer un tema nuevo de lo mismo...
Por supuesto, Ziongem, es lo que corresponde.

En Foros del web, algo está cambiando. #38

Cita:
Iniciado por CrepitantE
... hace poco por no mirar fechas me colocan karma negativo, ...
Hace rato que vengo diciendo que cualquiera pone cualquier karma por cualquier cosa. A menos que puedan tener algo de razón, yo los ignoro. (Bue, cuando me felicitan, no ). Te sugiero que hagas lo mismo.

El resto de tu mensaje me resulta confuso; ¿no lo podrías explicar mejor?. (Supongo que habrán sido los nervios por conversar con Ziongem )

Y para redondear la idea de éste : insisto en que mirar los temas "viejos" siempre es útil. No solo para aprender algo más sobre el asunto en cuestión, sino también para ver cómo se escribía en las buenas épocas del Foro. Ya hay bastante publicado sobre el pobre nivel de ortografía, semántica, sintaxis y coherencia de los últimos tiempos. Y justamente en este tema podemos ver buenas redacciones, con datos útiles, además de disfrutar de la gracia de tunait para enojarse.

La respuesta ya estaba en el código de CORE, además de mi enlace. Si se hubiera puesto también el opacity seguro que funcionaba; aunque nunca nos hubiesemos enterado de que Safari quito el -khtml... de su plana. En realidad debe haber quitado el guión del comienzo, Firefox también lo hizo en algunas propiedades y valores.

Para alguien que está "apurado" y prefiere una solución del momento antes que 'aprender para la próxima', seguramente un tema viejo le puede resultar molesto. Especialmente si trata sobre hacks o trucos que pueden no ser efectivos en las versiones nuevas de navegadores. Pero el código es código y sigue funcionando. Y cuando se actualiza un tema -como en este caso- alcanza con que el próximo que caiga lea hasta el final. Que por otro lado, es lo que se debe.

Aprovecho para recomendar un par de enlaces, si alguien tiene tiempo de leerlos.

Campaña "preguntas inteligentes para obtener respuestas rapidas"

Tablas tranparentes y Contenido 100% Visible

Sintaxis, ortografía y demás.
furoya 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 05:02.