Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/11/2008, 19:15
Avatar de IMAC/
IMAC/
 
Fecha de Ingreso: octubre-2005
Mensajes: 738
Antigüedad: 18 años, 6 meses
Puntos: 14
De acuerdo Autoagrandar imagen veticalmente (no repetirla...)

Buenas

Un día me percaté manejando imágenes .png con transparencia que el Internet Explorer 6 a través de un filtro podía ver imágenes con transparencia, pero, que además de eso, podía autoagrandar las imágenes sin problemas. (con szingMethod scale)

Me explico.

Usando esto como css:
Código HTML:
.bgMenu{ 
  background: none; 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src="imgs/bgMenu.png", sizingMethod="scale"); 
}
Y suponiendo que esa imagen solo mide 10 pixels de ancho, si usamos el estilo en una celda de 100 pixels de ancho, la imagen no se repite una y otra vez a lo largo de la x sino que se adapta a los 100 pixels.

Pongo un ejemplo visual:
La imagen superior tiene tamaño real.
La imagen inferior está aplicada mediante el css citado anteriormenet en una tabla con una anchura muy superior al ancho real de la imagen.


Vale, la cuestión es que esto funciona perfectamente en el Internet Explorer, pero no así en el firefox.

¿hay algún modo de hacer esto mismo con el firefox mediante css?
Me veo obligado a usarlo en ciertos menús con degradados verticales y cuyo alto varía de menú a menú.

Saludos y gracias.