Tecnología

Inicio

Cómo hacer que la transparencia PNG en Internet Explorer

June 12

Cómo hacer que la transparencia PNG en Internet Explorer


Un PNG es un cruce entre un JPG y GIF. archivos JPG son adecuados para la visualización de fotografías con el color no contiguas, mientras que los archivos GIF son más adecuados para mostrar 256 colores dibujos lineales. Los archivos PNG muestran ambos tipos de imágenes igual de bien y trabajan con canales alfa. Si una imagen tiene canales alfa, puede crear efectos dramáticos mediante el ajuste de la transparencia de la imagen. Por desgracia las versiones de Internet Explorer mayores que IE7 no admiten transparencia PNG. Para visualizar los archivos PNG transparentes en estos navegadores, tendrá que añadir un filtro especial para el código HTML.

(Véase la referencia 1 re JPG, GIF y PNG) .. (Ver referencia 2 re apoyo IE7, la búsqueda de "apoyo a la plena alfa")

Instrucciones

1 Crear un nuevo documento HTML usando el Bloc de notas o un editor HTML.

2 Agregue el código siguiente para crear una página web básica:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

&lt;title>IE PNG Test&lt;/title>

</ Head>

<Estilo de la carrocería = "background-color: Rojo";>

</ Body>

</ Html>

El color de fondo de esta página es de color rojo.

3 Añadir esta etiqueta <img> en la sección <body> del documento:

<Div style = altura: 200px; Anchura: 200px;

Filtro: progid: DXImageTransform.Microsoft.AlphaImageLoader

(Src = 'xyz.png', sizingMethod = "escala"); "> </ div>

Reemplazar "xyz.png" con el nombre de una imagen PNG en su disco duro. En este ejemplo, los valores de altura y anchura se ajustan a 200. Sustituir estos valores con las dimensiones de su archivo PNG. El filtro AlphaImageLoader en la declaración de estilo permite a Internet Explorer para añadir transparencia al PNG y permitir que el fondo rojo para mostrar a través.

4 Guarde el archivo y abrirlo en Internet Explorer 6. Verá el fondo rojo a través de la imagen PNG.

Consejos y advertencias

  • Los archivos PNG son más grandes que los archivos JPG. Considere el uso de archivos JPG en lugar de PNG si usted no necesita la transparencia o la mayor calidad de imagen que ofrecen los archivos PNG.