Comunidad de diseño web y desarrollo en internet online

Escalar imagen con css en Firefox

Citar            
MensajeEscrito el 15 Feb 2008 12:50 am
Hola, me gustaría saber cómo conseguir en el firefox, el mismo el efecto que produce el explorer al aplicar

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagen.png', sizingMethod='Scale');

En el explorer me lo adapta al tamaño de la capa en la que se encuentra la imagen. Alguien me podría ayudar.

Saludos,

Por aitorlape

23 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 15 Feb 2008 01:32 am
puedes poner una captura o una url con el resultado?
Es que no se qué hace eso...

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 15 Feb 2008 08:04 am
He hecho un ejemplo rápido para que veas como queda en el firefox o ie7 y el efecto del filter con Scale en explorer 6. El problema es que no sé como escalar una imagen de background. Si es una imagen normal simplemente he de poner (por ejemplo)
#imagen img{
width:300px;
height:1200px;
}
Sin embargo no sé como aplicar esto al fondo.

http://www.rimarsl.es/previews/sizingMethod.html

Gracias de antemano.

Por aitorlape

23 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 15 Feb 2008 09:38 am
:S
He probado el código en IE7 y FF3, y no veo la diferencia.
He probado en IE6, y se ve que ocurre algo "raro" (y feo)

En cualquier caso, parece que IE7 ha quitado esa opción que tenía el IE6.
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader


¿qué observamos?
Intertnet Explorer, no respeta los stándares, ni siquiera sus propios "standares", cambiándolos de una versión a la siguiente.

¿qué conclusiones sacamos?
Que usar métodos propietarios de Microsoft, es un error.
Que no debemos programar para IE, sino para los navegadores que siguen los standares de la W3C.


¿cómo hacer transparencias?
Las transparencias, en xHTML, se hacen:
style="opacity:N" /* para N, un número entre 0(transparente), y 1(opaco) */

¿cómo redimensionar un fondo?
Creo que no se puede.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 15 Sep 2008 05:06 am
Tengo el mismo problema. Cuando queda bien para firefox-chrome no queda bien para Internet Exploter. Y si se emplea el método filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagen.png', sizingMethod='Scale'); funciona bien en IE pero no en firefox-chrome. La pregunta entonces es cómo hacer para que una parte del código sea leído por un browser y otra por el otro?

Por afpera

8 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.