login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Png ook goed met IE

Offline BigBug - 19/06/2005 18:50
Avatar van BigBugPHP expert Hey, ik heb nu een site gemaakt met een background van een plaatje en daar moet een png overheen, maar die is niet precies vierkant, en heb dus daar de bg weggehaald, in FF is het goed, maar in IE natuurlijk weer niet (rotzooi.. ).. weet iemand wat ik hier aan kan doen?

4 antwoorden

Gesponsorde links
Offline Ontani - 19/06/2005 19:07 (laatste wijziging 19/06/2005 19:08)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
bedoel je alpablending via png in IE?

dit fixed allesinds alle png images:

  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. function correctPNG()
  4. {
  5. for(var i=0; i<document.images.length; i++)
  6. {
  7. var img = document.images[i]
  8. var imgName = img.src.toUpperCase()
  9. if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
  10. {
  11. var imgID = (img.id) ? "id='" + img.id + "' " : ""
  12. var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  13. var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  14. var imgStyle = "display:inline-block;" + img.style.cssText
  15. if (img.align == "left") imgStyle = "float:left;" + imgStyle
  16. if (img.align == "right") imgStyle = "float:right;" + imgStyle
  17. if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
  18. var strNewHTML = "<span " + imgID + imgClass + imgTitle
  19. + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
  20. + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  21. + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
  22. img.outerHTML = strNewHTML
  23. i = i-1
  24. }
  25. }
  26. }
  27. window.attachEvent("onload", correctPNG);
  28. //-->
  29. </script>


zet het in je <head></head> en png's zien er hetzelfde uit als in FF
Offline BigBug - 19/06/2005 19:11
Avatar van BigBug PHP expert Thnx, opgelost
Offline infinity - 19/06/2005 19:35 (laatste wijziging 19/06/2005 19:36)
Avatar van infinity Gouden medaille

Grafische gevorderde
ik heb dti zelfde probleem. maar ik heb alle images niet in mn html code gezet maar in een aparte style sheet dus werkt dit niet.
hoe kan ik dit verbeteren zodat het ook bij mij werkt?
Offline Ontani - 19/06/2005 20:31
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
geen idee, die fix werkt alleen voor images die op de pagina zelf zijn aangeroepen en niet in een stylesheet
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s