Originalmente era solo una imagen png transparente, que es fácil de resolver en IE. También probé muchos métodos, incluido el método js, el método de filtro css, etc., pero siento que en general no es perfecto, y si uso el. El método Sprites, al mismo tiempo, no es tan simple ni fácil.
Finalmente, descubrí que usar el método htc para incrustar archivos css básicamente puede resolver la mayoría de los problemas de transparencia a la vez.
Muchas personas han introducido este método, pero debido a que la página está en inglés, pocas personas la han traducido y pocas personas la usarán.
Este método se presenta en detalle a continuación:
La dirección de demostración de este método en sí: http://www.twinhelix.com/css/iepngfix/demo/
(Como dije, está todo en inglés, no te preocupes)
Se puede solucionar mediante:
1. Utilice la etiqueta "img" para agregar la imagen transparente png a la página.
2. Utilice el fondo para agregar un fondo transparente png en css (admite múltiples versiones)
3. Algunas versiones del png de fondo son transparentes y deben resolverse agregando un js a la página actual.
Descargue el paquete de archivos: http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. Después de descargar y descomprimir, habrá muchos archivos, entre los cuales hay 3 archivos que debemos usar:
iepngfix.htc, blanco.gif, iepngfix_tilebg.js
2. Puede transferirlos a los directorios css, js e imágenes correspondientes respectivamente. Por supuesto, también puede crear una nueva carpeta, como una carpeta llamada: iepng, y transferirlos a ella.
3. Agregue la primera oración del código. Este es el formato agregado en el archivo html. No olvide modificar la ruta del archivo htc. Si tiene miedo de errores, use directamente la ruta relativa al directorio raíz. como /iepng/iepngfix.htc. Esto generalmente no funciona, por supuesto, también puede agregar el comportamiento: url (iepngfix.htc) a su archivo reset.css.
| <tipo de estilo="texto/css"> img, div {comportamiento: url(iepngfix.htc); </estilo> |
4. Utilice el Bloc de notas o una herramienta similar para abrir el archivo iepngfix.htc y reemplace la ruta del archivo de whiteImg con la suya propia, como /iepng/blank.gif, según su situación real.
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. Agregue el siguiente código de llamada js al "encabezado" de la página requerida (este paso no es necesario. Si su inclusión en la parte del encabezado se llama de manera uniforme, se recomienda agregar esta oración)
| <script type="text/javascript" src="iepngfix_tilebg.js"></script> |
Después de los pasos anteriores, básicamente puede lograr el efecto transparente de png en IE.