À l'origine, c'était juste une image transparente png, facile à résoudre sous IE. J'ai également essayé de nombreuses méthodes, y compris la méthode js, la méthode filter css, etc., mais je pense que dans l'ensemble, ce n'est pas parfait, et si j'utilise le. Méthode des sprites en même temps, ce n’est pas si simple et facile.
Enfin, j'ai découvert que l'utilisation de la méthode HTC pour l'intégration dans des fichiers CSS peut résoudre la plupart des problèmes de transparence à la fois.
Cette méthode a été introduite par de nombreuses personnes, mais comme la page est en anglais, peu de personnes l'ont traduite et peu de personnes l'utiliseront.
Cette méthode est présentée en détail ci-dessous :
L'adresse de démonstration de cette méthode elle-même : http://www.twinhelix.com/css/iepngfix/demo/
(Comme je l'ai dit, tout est en anglais, ne vous inquiétez pas)
Peut être résolu par :
1. Utilisez la balise "img" pour ajouter l'image transparente png à la page
2. Utilisez l'arrière-plan pour ajouter un arrière-plan transparent png en CSS (prend en charge plusieurs versions)
3. Certaines versions du png d'arrière-plan sont transparentes et doivent être résolues en ajoutant un js à la page actuelle.
Téléchargez le package de fichiers : http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. Après le téléchargement et la décompression, il y aura de nombreux fichiers, parmi lesquels 3 fichiers que nous devons utiliser :
iepngfix.htc, blank.gif, iepngfix_tilebg.js
2. Vous pouvez les transférer respectivement vers les répertoires css, js et images correspondants. Bien entendu, vous pouvez également créer un nouveau dossier, tel qu'un dossier nommé : iepng, et les y transférer.
3. Ajoutez la première phrase de code. C'est le format ajouté dans le fichier html. N'oubliez pas de modifier le chemin du fichier htc. Si vous avez peur des erreurs, utilisez directement le chemin relatif au répertoire racine, par exemple. comme /iepng/iepngfix.htc. Cela ne fonctionne généralement pas, bien sûr, vous pouvez également ajouter behavior: url (iepngfix.htc) à votre fichier reset.css.
4. Utilisez le Bloc-notes ou un outil similaire pour ouvrir le fichier iepngfix.htc et remplacez le chemin du fichier blankImg par le vôtre, tel que /iepng/blank.gif, en fonction de votre situation réelle.
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. Ajoutez le code d'appel js suivant au "head" de la page requise (cette étape n'est pas nécessaire. Si votre inclusion dans la partie head est appelée de manière uniforme, il est recommandé d'ajouter cette phrase)
Après les étapes ci-dessus, vous pouvez essentiellement obtenir l’effet transparent de png sous IE.
Au moins, je n'ai trouvé aucun problème maintenant. S'il y a des problèmes, n'hésitez pas à en discuter ensemble. N'oubliez pas de me le dire, merci !
Adresse originale : http://blog.sina.com.cn/s/blog_62a8de7a0100ksh2.html
Merci à Lang Xin pour votre contribution