Vraag & Antwoord

Webprogrammeren & scripting

[javascript] Transparant png en Internet Explorer...

8 antwoorden
  • Hoi De meesten hier zullen het bekende probleem van internet explorer met transparante png files wel kennen. Minder mensen hier zullen weten dat dit op te lossen is door een stuk javascript in je pagina te stoppen, url: http://homepage.ntlworld.com/bobosola/pnghowto.htm Echter mijn probleem is dat dit script, in het [url=http://homepage.ntlworld.com/bobosola/pngfix.js]pngfix.js[/url] bestand, alleen werkt als een plaatje opgeroepen wordt dmv van <img src="bla.png"> als ik dus een images oproep als <td background="bla.png">, werkt het niet meer in IE, alleen maar in Opera, Mozilla e.d. Is hier iemand die het script in dat js bestand zo kan aanpassen dat dit werkt? BTW: een eerst opzet van mijn pagina met transparant, doorzichtig wit png vind je hier: http://podium4.hostcubed.com/test/ Het werkt dus alleen in Gecko... niet in IE... erg jammer wat het is heel bijzonder al zeg ik het zelf...
  • [quote:dba8cf77dd]Is hier iemand die het script in dat js bestand zo kan aanpassen dat dit werkt?[/quote:dba8cf77dd] Helaas, zo werkt het hier niet... uit de faq: [quote:dba8cf77dd]3. requests Script- en programmeer-requests staan erg lui en worden gesloten. Het forum is om van te leren, [b:dba8cf77dd]niet om anderen je werk op te laten knappen[/b:dba8cf77dd]. Probeer eerst zelf een probleem op te lossen en kom dan met een probleemstelling naar het forum. Daarnaast staan op hotscripts.com vele duizenden scripts in allerhande scripttalen. [/quote:dba8cf77dd] overigens is het probleem ook niet zo op te lossen. Wil je transparante achtergronden, ga dan voor de methode met gif en afwisselend een transparante en een gevulde pixel. Of als het alleen maar de bedoeling is dat die venstertjes half doorzichtig wit zijn, kun je nog een een blik werken op filter:alpha() en -moz-opacity.
  • Wat je ook moet afvragen is of de kleuren in IE goed worden weergegeven of niet.
  • twee oplossingen: in CSS beetje klooien; http://htb.ath.cx/anw/site http://www.koivi.com/ie-png-transparency/ Gebruik geen JS oplossing, is client-side, en komt dus niet goed. succes
  • Het is ook gewoon CSS. Het enige wat dat script doet is van alle IMG tags nna gaan of de laatste 3 letters van de bron 'png' is. Zo ja dan maakt hij er een span van, en voegt hij dit toe: [i:b0bf98bff7]display:inline-block;[/i:b0bf98bff7] en [i:b0bf98bff7]filter:progid:DXImageTransform.Microsoft.AlphaImageLoader[/i:b0bf98bff7]. Dus van dit:[code:1:b0bf98bff7]<img src="jip.gif"> <img src="janneke.png">[/code:1:b0bf98bff7] Maakt hij dit:[code:1:b0bf98bff7]<img src="jip.gif"> <span src="janneke.png" style="display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"></span>[/code:1:b0bf98bff7]
  • plus nog (src='plaatje.png', sizingMethod='scale') dat is ook de reden waarom het niet gaat werken in de background
  • van de vele (halve) oplossingen vindt ik [url=http://www.youngpup.net/2001/sleight/project]sleight[/url] de beste. alleen de .js invoegen met <script src= ... en x.gif in de map alles werkt naar behoren in IE 5.5 en hoger zoals in firefox en andere betere browsers :P
  • Nou die is zeker een stuk beter dan de andere methodes hier ?? :o :roll: Gebruikt zo'n hele andere methode ook... js met progid:DXImageTransform.Microsoft.AlphaImageLoader.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.