sprites CSS e IE6

Question

¿Es IE6 compatible con css-sprites?

Answer 1

CSS sprites es una solución general que utiliza la posición de fondo, que está disponible incluso en IE5.

Un buen tutorial sobre ellos se encuentra aquí: http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

Answer 2

Sí.

CSS sprites es solo una técnica para usar el desplazamiento en las imágenes de fondo para mostrar diferentes partes de la misma imagen en diferentes elementos.

Uso CSS sprites en, por ejemplo, el menú principal en the website de la empresa para la que trabajo, y las banderas en mi cuenta web site. Empecé a usarlo incluso antes de llamarlo sprites de CSS ...

Answer 3

Los navegadores que admiten la propiedad de posición de fondo también son compatibles con los sprites de CSS.

CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

favor, eche un vistazo a las siguientes preguntas también

CSS Sprites images rendered with bad quality in IE

CSS Sprite Help

Answer 4

Sí. Si está usando PNG, debería considerar algunas cosas. A continuación se presenta un resumen decente de IE 6 números PNG:

http://24ways.org/2007/supersleight-transparent-png-in-ie6

Answer 5

he encontrado con el IE6 CSS Sprites problema mismo - I blogged it here:

Hay una solución muy fácil - cito a mí mismo aquí ...

Por suerte, la solución no fue tan mala. Internet Explorers passim parece ignorar el desbordamiento: oculto cuando un elemento secundario se establece en posición: relativo. No son buenas noticias ... pero la solución es fácil: configure el elemento con desbordamiento: oculto para también estar en la posición: relativo y luego cambie la posición: declaración relativa en el niño para ser posición: absoluta ... los trabajos son buenos.

Todos los detalles se pueden encontrar en ese enlace.

Answer 6

Sí IE 6 admite sprites pero no admite transparencias PNG de 24 bits.

Utilizo este truco de css para dar a IE < 7 un archivo gif y todo lo demás un png de 24 bits con transparencia.

background-image:url(/images/sprites/icons-sprite.png); 
_background-image:url(/images/sprites/icons-sprite.gif); /* IE<7 gets the crappy icons */ 

Answer 7

Puede utilizar simplemente un sprites generator en línea. Hay tantos de ellos disponibles de forma gratuita y la mayoría de ellos son compatibles con todos los navegadores.

Answer 8

También puedes usar Glue http://gluecss.com/ Es una herramienta de línea de comandos de código abierto para generar sprites.

Answer 9

Los sprites pueden funcionar perfectamente en ie6. Pero una imagen png no funcionará, entonces usa un gif. Si procesas un gif con Smush.para eliminar gastos indirectos, es posible que obtenga un tamaño de archivo inferior al png correspondiente.