bug fix transparence png ie (simple) png, simple, pngfix, iexplore, source n°39723
bug fix transparence png ie (simple) png, simple, pngfix, iexplore, source n°39723
csvb, vb.netasp.net,aspc, c++coldfusionphpjavascriptdelphiflashjavagraphismeircassembleurc#mobilitésqlfoxpropythonwindevsnippetsit pros
codes (2077)
listes de codes
toutes les sources
les plus récents
les mis à jour
les plus populaires
les plus populaires du mois
tout le niveau 1 (débutant)
tout le niveau 2 (initié)
tout le niveau 3 (expert)
toutes les sources avec un fichierzip
les sources(1147)
les mieux notés
categories des codes
cookies date & heure divers effets fenêtre & pop-up formulaire frames graphique jeux menu & co navigation trucs & astuces trucs amusants tutoriaux
trouver des codes
trouver un code par mot clé (nouveau)
top des codes
les trophées
top des favoris des membres
top par catégorie
auteurs de codes
les auteurs de sources
le top des membres
ajouter une source
tutoriaux (30)
forums (45682)
vidéos
livres (23145)
outils & liens
emploi (cv et offres)
services
téléchargement
chat
autres sites
divers
partenaires
section étudiants
section pro
connexion
begin process at 2007 11 14 06:07:22
derniers blogs
csv adstats 4.0 : outi...
rom zune 2.1 dispo
sql server : les fonct...
reporting services 200...
mss(x) 2008 : microsof...
la suite...
mini sondage
la suite bureautique que vous utilisez
microsoft office xpmicrosoft office 2000microsoft office 2003microsoft office 2007openofficeautre
voter
.
derniers logiciels
3nity cd dvd burner (1...microsoft line of code...sourcemonitor (2.4.0.5...itunes (7.5)123iconhunter (1.01)
la suite...
mes rss
sql server : les fonc...reporting services 20...consuming the windows...mss(x) 2008 : microso...copyrights : emi musi...
la suite...personnaliser
stats
1 008 708 membres
62 nouveaux aujourd'hui
13 087 membres club
divers
mettre ce site au démarrage
ajouter ce site à vos favoris
codes-sources dans votre msn !
priceminister
acheter-vendre :
livre, matériel informatique, logiciel, imprimante, antivirus, firewall, disque dur, onduleur, écran, clavier, carte mémoire, pc portable, ordinateur
mes favoris
plein ecran
connexion
trouver une ressource
trouvez une ressource parmi 36 909 codes, 1 010 451 messages d'aide etc...
recherche:
dans
tout le site
codes
tutoriaux
forum
blogs
livres
rfc
icones
news .net
boutique
[ dernières recherches ]
bug fix transparence png ie (simple)
information sur la source
télécharger le zip
ajouter à mes favoris
catégorie :trucs & astuces
classé sous :
png, simple, pngfix, iexplore
niveau : initié
date de création : 28/09/2006 16:56:42
date de mise à jour : 26/04/2007 12:15:40
vu / téléchargé: 11 615 / 299
auteur : savon
site perso
ecrire un message privé
note :
10,00 / 10
1
2
3
4
5
6
7
8
9
10
commentaire sur cette source (20)
ajouter un commentaire et/ou une note
description
résout le bug d'internet explorer qui n'affiche pas les png ainsi vous pouvez supprimer tout vos vilans gif et passer au pngun exemple concret est ici http://www.love2love.com/guide/index.php.
source
afficher la source en plein écran
copier dans le presse papier
//correction png en fonction du navigateur
//
<script>
function displaypngbybrowser ( browser, img_path, width, height ) {
var png_path;
if (browser == 'microsoft internet explorer') {
document.write('<img src="/images/integration/blank.gif" style="width:'+width+'px; height:'+height+'px; filter:progid:dximagetransform.microsoft.alphaimageloader(src=\''+img_path+'\', sizingmethod=\'scale\');" >');
}
else if (browser == 'netscape')
document.write("<img src='"+img_path+"' />");
else
document.write("<img src='"+img_path+"' />");
}
</script>
<script language="javascript">
//a mettre dans le .html
var path_png = displaypngbybrowser(navigator.appname, 'test_img.png', 152, 40 );
</script>
conclusion
fonctionne bien attention cependant il faut parfois vider le cache des fichiers ie pendant le developpement.mais en prod ca ne pose aucun probleme.marche sous ie firefox et opera
fichier zip
pour les "membres club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
blank.gif43 octets
png.htm677 octets
png.js548 octets
test_png.png2 404 octets
télécharger le zip
historique
28 septembre 2006 16:59:49 :
fautes
21 novembre 2006 13:24:27 :
mise a jour image blank
01 décembre 2006 15:26:45 :
ajout d'un exemple concret
26 avril 2007 12:15:40 :
description pas assez clair
sources de la même categorie
conversion des nombres en lettre
rÉsolution d'Équations du 4iÈme degrÉ
calendrier avec fÊtes lÉgales franÇaises
cardinaux et ordinaux
transformer un flux xml en une table html via javascript
toutes les sources de la catégorie trucs & astuces
sources en rapport avec celle ci
bug fix png transparent sous ie 6 (mootools)
jeu simple et efficace de tic-tac-toe se jouant sur un mÊme ordinateur
menu animÉ avec image survolÉe !
un petit generateur html simple
menu simple
commentaires
commentaire de abdoulax le 28/09/2006 23:28:17
autant utiliser les css pour faire ça!! have fun
commentaire de transfear le 29/09/2006 14:32:50
else if (browser == 'netscape') document.write("<img src='"+img_path+"' />"); else document.write("<img src='"+img_path+"' />"); }quel est l'intérêt de faire un else if et un else ayant les mêmes instructions ??? autant ne garder qu'un seul else...
commentaire de rubiks10 le 29/09/2006 23:08:01
oui et surtout qu'un document.write( ... ) efface tout sur la page...donc oui la solution est de creer une classe cssbonne prog a tous
commentaire de mangaii le 02/10/2006 07:55:04
"la solution est de creer une classe css" ????????????????????tu veux bien expliquer comment tu affiche des png en alpha ? avec une css (valide de préférence) ???
commentaire de abdoulax le 02/10/2006 13:09:22
#exemple{ background-image: url("image.png"); * background-image: url("blank.gif"); * filter:progid:dximagetransform.microsoft.alphaimageloader(src='image.png', sizingmethod='scale');}als les petite * s'appel des hack ( du moins je te préviens le code j'ai pas testé mais c'est le principe qui compte, il faut que tu regarde les hack css car je suis même plus sur kon utilise l'* pour faire des hack...). donc la prémiere ligne s'execute si on est pas sous ie sinon c'est les 2 autre ligne qui prenne la main. je me demande si j'ai pas mélangé un peu tout mais le principe est la, regarde les hack css!!have fun
commentaire de mangaii le 02/10/2006 13:42:54
en effet, ca pourrai fonctionner !mais là encore on utilise un hack spécifique à ie ! et le problème ici c'est que la css n'est plus valide ( http://jigsaw.w3.org/css-validator/ ), donc cette solution est à éviter ...
commentaire de abdoulax le 02/10/2006 14:01:39
si tu ve vraiment ne pas utiliser de hack, t'as cas passer par php. tu fais un css pour ie et un pour les autres, et c'est php qui fera le choix.mais bon pour moi la meilleur des solutions est le hack css, c'est plus claire, plus facielement modifiable.ton validateur de css est un simple robot hors il prend pas en compte les différentes raison d'un tel choix. de plus l'utilisation de javascript est encore moins conseillé pour rendre une page valide. certe le javascript permet de contourné le validateur, mais ne respecte en aucun cas les contrainte de validité!! j'espère que tu comprends mon raisonnement, en tout cas je te conseil de ne pas utiliser ton système...have fun
commentaire de savon le 18/10/2006 17:52:25
pour revenir sur le css, le but de ce bout de code est de simplifier l'intégration du png, pas de le compliquer. ce code permet d'afficher n'importe qu'elle image png dans une page sans avoir justement a créer 250 css différents pour afficher en plus une image.pour le css, la méthode que nous utilisons est la suivante pour passer de ie a firefox : html>body .csslabel{ background-image:url("chemin/image.png"); background-repeat: repeat-y; background-position:center right; } .csslabel { background-repeat: repeat-y; background-position:center right; filter:progid:dximagetransform.microsoft.alphaimageloader(src='chemin/image.png', sizingmethod='scale'); }
commentaire de savon le 18/10/2006 17:54:51
concernant les else et else if, n'oublier pas qu'il n'y a pas que 2 navigateurs qui trainent sur la toile et que les identifications peuvent changer...
commentaire de fugugirl le 13/11/2006 15:55:42
À quoi correspond cette image "blank.gif" ... un gif transparent qu'il faut mettre à la base de son site ??
commentaire de savon le 21/11/2006 13:21:35
oui.mais tu peut le mettre ou tu veut et changer le target.c'est une image vide elle est transaparente je peut te l envoyer si tu veut.
commentaire de savon le 13/03/2007 14:43:33
cette source est a present disponible surwww.pluton.homelinux.com/sources
commentaire de abdoulax le 13/03/2007 22:36:12
il faut savoir que javascript n'est pas toujours activé. je reste sur le fait que la solution de css est meilleur... :p
commentaire de savon le 19/03/2007 14:03:17
dslé pb de dnsl'url est donc :http://plutonserveur.homelinux.com/
commentaire de benftp le 19/07/2007 12:35:36
le "hack css" est plus simple.tu fais un png24 pour les navigateurs qui le gèrent en mettant "!important"et un gif pour ie<7/*css*/#exemple{background-image: url('bg.png') !important;background-image: url('bg.gif') ; /* pour ie < 7 qui ne gère pas la transparence des png*/}/*end css*/pour le gif, perso, j'le fais sous photoshop.>enregistrer pour le web>gif 128 tramé>et je met "tramage de transparence du motif"ce qui fait un résultat pas trop dégeu
commentaire de abdoulax le 19/07/2007 13:05:49
ici ce script n'a pas de rapport avec ta solution. en effet tu ne gère qu'un seul type de transparence avec un gif. alors qu'ici on cherche à gérer tous les types de transparence que fournie un png. d'ailleur je croi que ie gère la transparence basique du png (à confirmer).have fun
commentaire de benftp le 19/07/2007 14:54:39
bin c'est pas faux, dans le sens où ma solution ne résout pas le problème de transparence des png.c'est une autre alternative pour ceux qui ne veulent pas voir le fond bleuté du png transparent sur ie5.5 et ie6 (qui se feront de plus en plus rare, normalement).sur ie5.5 et ie6 on voit un gif de moins bonne qualitéet sur firefox, ie7 et autres, on voit le png cleana vrai dire j'avais essayé avec le blank.gif et le filter, mais comme ca marchait pas, jme suis rabattu sur cette solution. mais j'vais réessayer quand même, c'était peut-être qu'une histoire de cache...
commentaire de benftp le 22/07/2007 17:54:29
oui au fait je confirme, j'avais un problème de cache, ca marche très bien le filter :d/*css*/#exemple{background-image: url('bg.png') !important;background-image: url('blank.gif');filter:progid:dximagetransform.microsoft.alphaimageloader(src='bg.png', sizingmethod='scale');}/*end css*/messi
commentaire de masta64 le 21/08/2007 14:22:56
hello tout le monde , jai attentivement lu tout ce post, j'ai tester differente facon pour regler ce prob de transparence au niveau de mes png (en 24 bits de prfondeur au niveau de la transparence, ehhh oui c'est du costaud lol) , mais le prob c'est que la je cale serieusement a tel point que j'en ai mal a la tete, pourriez vous m'aider ??? le lien vers mon prob http://masta64.neuf.fr/powermax_bad_design/index_1024.htm
commentaire de masta64 le 21/08/2007 14:33:11
en fait je crois que le probleme est juste une histoire d'url de fichiers js et img
ajouter un commentaire
authentification
nom d'utilisateur : mot de passe : se souvenir du profil
connexion en cours ...';}webform_dopostbackwithoptions(new webform_postbackoptions("ctl00$cph1$pnl1$uccode1$ctl02$pnlcomments$lvaddcomment$ctl00$btnconnect", "", true, "ctl00_cph1_pnl1_uccode1_ctl02_pnlcomments_lvaddcomment_ctl00_v", "", false, true))" class="button btn">connexion
mot de passe oublié ? / activation de comptecréer un compte
pub
snippets en rapport
conversion images bm...
côté itprésentation de window...configurer firefox et ...optimiser firefoxconnexion à un réseau ...redimensionner une par...automatiser vos backup...faire des backups avec...
tous les articles it
vs express fr gratuit !
téléchargements
logiciels à télécharger sur le même thème :
hxd (1.7.1.0 (beta))
purebasic (4.10)
hmailserver (4.4.1 - build 273)
boutique
nos partenaires et amis ;-)
dev réalisé par nicolas sorel (nix)
avec l'aide de : cyril durand, bidou, nurgle
base de données maintenue par christian, design réalisé par guillaume, mascotte réalisée par n.sorel (nix) & kdo-comception
javascriptfr.com© toute reproduction même partielle est interdite sauf accord écrit du webmaster
codes-sources.com© est une marque déposée tous droits réservéshébergement de serveur dédié - téléphonie voip - comparer les prix - envoyer des ecards gratuit - icones
temps d'éxécution de la page : 0,5469-3sec
mesure d'audience roi statistique webanalytics par
Acceuil
suivante
bug fix transparence png ie (simple) png, simple, pngfix, iexplore, source n°39723
Adobe - Photoshop : For Macintosh : Mac OS X Keyboard Shortcut Fix SKI+FIX+CHAUSSURES A 20 euros LE TOUT. - achat billets, loisirs ... Redirect page FIX-SAINT-GENEYS, une reproduction de Lèvres Fix'Intense Tenue 10 h - Embellisseurs des lèvres - Zlio.com Télécharger Fix My Registry 2.3 sur Ratiatum.com - Média ... Profil de Fix (Admin) Fix It with Fix Skirando -- Compro-Vendo - Vends Ski dynafit+fix TLT + peaux Bug (fix) in Firebug's Net Panel Futurist: To fix education, think Web 2.0 Tech News on ZDNet Fix A Gene Fix for Parkinson's? -- Kaiser 2007 (621): 3 -- ScienceNOW Paroles Coldplay Fix You lyrics - musique en parole X500+ Glofiish GPS SiRF III instant fix intégré + Cartographie ... Drill Fix DFR : Perçage : L'Expo Permanente : salon de l'industrie ... Diodes Slim Fix V4 (Ps Two) Can the Germans fix Wikipedia? Trance Fix - Your #1 trance resource Exactitude Edition limitée par Pierre Fix-Masseau sur AllPosters.fr Télécharger LSP-Fix - 01net. Telecharger.com : téléchargement du ... GigaByte 8INXP / Fix AGP-PCI - X86-secret.com Forums Tablar 19“ – Fix Easy • • • • • • • Plateau 19“ – Fix Easy • • • • • • Performance Fix pour Devastation Florida Sphère :: Voir le sujet - ID-FIX TRIO P3 MODULAR SYSTEM TRI-FIX TANGO Immobilier Fix Saint Geneys Screwfix.com - Where the Trade Buys Fix-It Utilities 5.0 (français, WINDOWS) Forum Snow-FR -> Les Fix Télécharger Avi Fix Repair Joiner. Fixez les dossiers d'avi de ... Zirh FIX – Gel atténuant pour imperfections du visage – Comptoir ... Sugar Fix - Sweets and Candy - UK Sweets, US Candy, Lollies, Jelly ... [Suggestion] - Section sécurité et fix - Forums Joomlafacile Télécharger Patch "Computer Player fix" pour Age of empires 2 ... Acheter et Telecharger Fix-It Utilities sur Softela.fr, N°1 ... Flame Fix - Gas & Oil boiler service & repair & solar heating ... SPACE.com -- NASA Eyes Space Shuttle Fuel Tank Fix Decapitation Victim Tries To Fix Eyes - Health News Story - KGTV ... Huber Technology: Fix-Rail® Erweiterungselement Mac Rumors: Apple Acknowledges iMac Freezing Issue, Fix In Works Paroles Can You Fix This - Kate Ryan - Musique Ados.fr The Hindu : International : Astronauts fix solar panel Swarovski Hot Fix and Flat Back Crystal Rhinestones ... Mod XX Century 2.11 Mi24 fix Civilization 4 Mods Warlords v2.08 Hotseat Fix Civilization 4 : Warlords LUX ELEMENTS®- FIX - Tableau de chevilles Q-fix - home computer support Namespaces part 4.1 (What namespaces don't fix (part 1)) - David ... Attelage fix Fix My Pages - FixMyPages.com - Web Page Repair puericulture - sorties - siège auto noir bebe confort créatis fix ... We fix IT NASA delays spacewalk to fix solar wing International Reuters iFixit: iPod, iBook, & PowerBook Parts and Accessories Robert M. Ball - A Social Security Fix For 2008 - washingtonpost.com AirNav: Fix Information Pritt World: Multi-Fix Paul Fix - Photos Les Forums de l'OGSTeam / [FIX]Problème PHP 5 et Ogspy // session