¿Cuándo utilizar la imagen de fondo IMG frente a CSS?

Usos adecuados de IMG

1. Úselo IMGsi tiene la intención de que la gente imprima su página y desea que la imagen se incluya de forma predeterminada. -JayTee _
2. Úselo IMG(con alttexto) cuando la imagen tenga un significado semántico importante, como un ícono de advertencia . Esto garantiza que el significado de la imagen pueda comunicarse en todos los agentes de usuario, incluidos los lectores de pantalla.

Usos pragmáticos de IMG

1. Utilice IMGel atributo plus alt si la imagen es parte del contenido, como un logotipo, un diagrama o una persona (persona real, no personas con fotografías de archivo). — sanchothefat
2. Úselo IMGsi depende de la escala del navegador para representar una imagen en proporción al tamaño del texto.
3. Úselo IMG para múltiples imágenes superpuestas en IE6 .
4. Úselo IMGcon a z-indexpara estirar una imagen de fondo para llenar toda su ventana.
   Tenga en cuenta que esto ya no es cierto con el tamaño de fondo de CSS3; consulte el n.° 6 a continuación.
5. Usar imgen lugar de background-imagepuede mejorar drásticamente el rendimiento de las animaciones sobre un fondo.

Cuándo usar CSS imagen de fondo

1. Utilice imágenes de fondo CSS si la imagen no forma parte del contenido . — sanchothefat
2. Utilice imágenes de fondo CSS cuando reemplace imágenes de texto, por ejemplo. párrafos/encabezados. — sanchothefat
3. Utilícelo background-imagesi desea que la gente imprima su página y no desea que la imagen se incluya de forma predeterminada. -JayTee _
4. Úselo background-imagesi necesita mejorar los tiempos de descarga, como con los sprites CSS .
5. Úselo background-imagesi necesita que solo una parte de la imagen sea visible, como con los sprites CSS.
6. Úselo background-imagecon background-size:coverpara estirar una imagen de fondo para llenar toda su ventana.

Sep 23 '2009 23:09 system PAUSE