Debido a que tengo algunas habilidades de producción de páginas web, hace mucho tiempo escuché que los archivos PNG translúcidos tendrán problemas de visualización en IE6, pero como nunca he tenido mi propio sitio web, nunca lo he encontrado.
Comencé a construir mi propio sitio web a principios de este año. Utilicé una imagen png con una parte transparente para hacer el logotipo del sitio web. Pensé que era lo suficientemente antiguo y que no era necesario considerar IE6. Un día, cuando regresé del trabajo y abrí el backend de Google Analytics, descubrí que las visitas a IE6 en realidad representaban el 40% del total de visitas. Me sorprendió y rápidamente descargué la versión verde de IE6 de Internet para probar mi sitio web. Como era de esperar, el LOGOTIPO era completamente opaco.
Así que busqué soluciones en línea toda la noche. En términos generales, los métodos en línea son relativamente complicados, incluidos filtros CSS, js, reemplazo de gif, etc. Pero siempre sentí que no era lo suficientemente hermoso. Finalmente, después de una noche de búsqueda, encontré un método que solo requería 2 oraciones de código js para resolver el problema sin problemas. Compartámoslo contigo a continuación.
Primero, descargue iepng.js de mi sitio web
http: //www.*** .com/templates/default/js/iepng.js
Si el ID del elemento de su sitio web que utiliza un png semitransparente como fondo es el logotipo, agregue lo siguiente entre
:| |
Finalmente, déjame explicarte, si usas un png transparente como fondo del div id foo, entonces debería escribirse como:
| EvPNG.fix('#foo'); |
Si usa un png transparente como fondo de una clase div de barra, entonces debe escribirse como:
| EvPNG.fix('.bar"); |
La sintaxis es la misma que la de CSS. Espero seguir intercambiando habilidades de creación de sitios web con usted.
Este artículo fue creado originalmente por Wang Zai, el webmaster de Tianniu.com (www.hers99.com). Indique la fuente al reimprimir.