Use dd_belatedpng para habilitar IE6 para admitir imágenes transparentes PNG

Como todos sabemos, IE6 no admite imágenes PNG transparentes, y las imágenes de PNG tienen efectos que otros formatos gráficos no pueden lograr en términos de expresividad en el diseño web. El defecto fatal de IE6 limita en gran medida el rendimiento creativo del diseño web.

Aunque hay muchas formas de resolver PNG transparente en IE6, desde el uso de filtros o expresiones específicas de IE, hasta JavaScript + Reemplazo transparente de GIF. Sin embargo, estos métodos tienen una desventaja, que es que no admiten la posición de fondo y los atributos de repetición de fondo en CSS. El uso de dd_belatedpng.js puede resolver perfectamente el problema de la transparencia de la imagen PNG en IE6, y admite la posición de fondo y la repetición de fondo. Esto no está disponible en otros métodos. Al mismo tiempo, DD_BelatedPNG también admite un atributo A: Hover y <IMG>.

Nuestro sitio web ha agregado dd_belatedpng para procesar imágenes transparentes PNG para mantener la misma apariencia bajo diferentes navegadores.

Sitio web oficial DD_BelatedPng: ¡Haga clic aquí para visitar!

1. Descargue el archivo js primero:

Luego consulte el código en la página:

 <! - [ifie6]>
 <scriptType = text/javaScriptSrc = descargado js ruta> </script>
 <script>
 Dd_belatedpng.fix ('CSS Selector, Tipo de aplicación');
 </script>
 <! [endif]->

La función de referencia es dd_belatedpng.fix (), y el selector CSS (se puede usar el selector de identificación y el selector de clases) y el tipo de aplicación (dividido en IMG y fondo) en los soportes.

Como dd_belatedpng.fix ('#box-one, img') o dd_belatedpng.fix ('. Header, fondo') etc.

Estos se pueden abreviar como dd_belatedpng.fix ('#box-one, .header, img, fondo'); .

Más selectores como dd_belatedpng.fix ('#box-one, .header,#pie de página, .box-dos a: hover, img, fondo'); etcétera.

Además, para resolver la imagen de fondo parpadeante en IE6, puede agregar el siguiente script a la página:

 <! - [ifie6]>
 <scriptType = text/javaScript>
 // <! [Cdata [
 if ((window.navigator.appname.touppercase (). indexOf (Microsoft)> = 0) && (document.execcommand))
 intentar{
 document.execCommand (backgroundImageCache, falso, true);
 }
 Catch (e) {}
 //]]>
 </script>
 <! [endif]->