Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[javascript] Transparant png en Internet Explorer...

Jakobvk
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 pngfix.js 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 sleight 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

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