solution de transparence alpha dans IE
https://stackoverflow.com/questions/1852467
-
13-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
Je suis la construction d'un site Web avec une TONNE de fichiers .png-24 qui ont un fond transparent. Dans IE 6, ils ne sont évidemment pas affichées correctement, donc je besoin d'une sorte de fiable, une bonne solution qui résoudra le problème PNG dans IE et nécessitent peu de travail et être fiable. Toutes les bonnes idées?
La solution
Voici quelques bonnes corrections .png pour IE6:
Autres conseils
Pour la transparence IE6 Je suis un flux personnel:
. 1 S'il y a juste une ou deux images PNG (comme un logo ou une image normale) Je viens d'utiliser filter:
#selector {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='crop');}
Problèmes: Si elle est appliquée à un lien, il ne sera plus cliquable. Peut-être appliquer à la h1#logo et ont le a être transparent.
2 Si j'ai beaucoup de fichiers PNG 24 bits, ou des cas d'utilisation spécifiques (fond répétition, etc.), j'utilise DD_belatedPNG
IMPORTANT POUR IE7 + IE8: Vous ne pouvez pas animer ou combiner les filter:alpha (qui est utilisé pour opacity ensemble sur un élément dans IE et également utilisé par jQuery pour définir opacity) propriété avec transparent 24 bits images PNG. Il ça change pour ressembler à la transparence 8 bits, avec tout ce qui est pas 100% en prenant opaque ou transparent sur un fond noir.
Il y a beaucoup IE fixe PNG sur le net, ce qui en fait tout le travail avec la même technique. Les anciens explorateurs Internet ne prennent pas en charge alpha dans PNGs directement, mais ils ont tous un filtre qui le fait. Donc, écrire le code suivant dans le cadre d'un d'un objet css met l'image src à l'arrière-plan de l'élément:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png');
De cette façon, vous pouvez afficher facilement la transparence dans Internet Explorer. Cependant, il est beaucoup plus facile d'obtenir juste un des scripts de correction png (en JavaScript) et l'inclure à votre page à l'intérieur des commentaires conditionnels. Ensuite, le script fera toutes vos images de fonctionner automatiquement.
Nous avons utilisé Dean Edwards' IE7 pour cela. (Ainsi nommé avant IE7 est sorti.) Il a été bon pour ce genre de chose.
Il existe actuellement de nombreuses options pour obtenir ce travail. La norme est d'appliquer un filtre DirectX par CSS pour changer rendre le PNG transparent dans IE6. Il y a même des scripts qui le fera automatiquement lors du chargement de la page Web à partir d'un IE6 ou moins client.
http://www.google.com/search ? BTNG = 1 & pws = 0 et q = transparent + png + ie6
