Origineel gepost door Frank ON

Hee mensen,

Ik heb een probleempje..
zoals gewoonlijk is de site niet goed te bekijken in IE6!
het gaat om deze site: www.het-klavertje.nl
voor IE7 En FF werkt ie al..
Bij IE6 moet ik alles trouwens nog goed positioneren, maar het gaat er mij nu alleen even om dat ik die PNGtjes gefixed krijg!

Kan iemand mij helpen ?
HIER ZIT GEEN VERGOEDING AANVAST!

Alvast Bedankt!

zoeken op google geeft je je antwoord wel..

zocht het zelf ook , op google vind je het zo

Ik heb wel wat gezocht op google, maar krijg het niet voor elkaar!

Google even op sleight en voor achtergronden op bgsleight.
Dan vind je het vast wel.

Mvg,
Alex van der Vegt

Intalleer voortaan altijd google analytics op je site, dan kun je zien hoeveel bezoekers je met IE6 trekt, als het een te laag percentage is kun je daar net zo goed geen tijd en moeite in steken.

deze gebruik ik altijd:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

of gebruik gewoon het volgende:

Code:

<!--[if (gte IE 5.5)&(lt IE 7)]>
<script language="JavaScript" type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
   {
   for(var i=0; i<document.images.length; i++)
      {
	  var img = document.images[i]
	  var imgName = img.src.toUpperCase()
	  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
	     {
		 var imgID = (img.id) ? "id='" + img.id + "' " : ""
		 var imgClass = (img.className) ? "class='" + img.className + "' " : ""
		 var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
		 var imgStyle = "display:inline-block;" + img.style.cssText 
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "right") imgStyle = "float:right;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle		
		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
		 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
	     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
		 img.outerHTML = strNewHTML
		 i = i-1
	     }
      }
	  
   }

window.attachEvent("onload", correctPNG);
</script>
<![endif]-->

En zet dit bovenaan je pagina (net onder de body-tag).

Origineel gepost door illutic

of gebruik gewoon het volgende:

Code:

<!--[if (gte IE 5.5)&(lt IE 7)]>
<script language="JavaScript" type="text/javascript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
   {
   for(var i=0; i<document.images.length; i++)
      {
      var img = document.images[i]
      var imgName = img.src.toUpperCase()
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
         var imgID = (img.id) ? "id='" + img.id + "' " : ""
         var imgClass = (img.className) ? "class='" + img.className + "' " : ""
         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
         var imgStyle = "display:inline-block;" + img.style.cssText 
         if (img.align == "left") imgStyle = "float:left;" + imgStyle
         if (img.align == "right") imgStyle = "float:right;" + imgStyle
         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle        
         var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
         img.outerHTML = strNewHTML
         i = i-1
         }
      }
      
   }

window.attachEvent("onload", correctPNG);
</script>
<![endif]-->

En zet dit bovenaan je pagina (net onder de body-tag).

deze had ik al geprobeerd, maar die werkt niet!

Origineel gepost door Frank ON

deze had ik al geprobeerd, maar die werkt niet!

Grappig, bij mij wel.

Dat werkt voor <img> tags, pngfix.js, voor achtergronden werkt dat niet. Daarvoor moet je bij de microsoft filters kijken.

Code:

background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png');

Voor IE6 moet je eerst dan de standaard achtergrond op none zetten, en dan via de filter een achtergrond instellen.

Repeaten en positioneren van transparante png achtergronden is voor IE6 niet mogelijk.

Origineel gepost door Matthijn Dijkstra

Dat werkt voor <img> tags, pngfix.js, voor achtergronden werkt dat niet. Daarvoor moet je bij de microsoft filters kijken.

Code:

background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png');

Voor IE6 moet je eerst dan de standaard achtergrond op none zetten, en dan via de filter een achtergrond instellen.

Repeaten en positioneren van transparante png achtergronden is voor IE6 niet mogelijk.

Dat klopt, die js werkt niet voor achtergrondafbeeldingen. Repeaten vd achtergrond-afbeelding kan idd niet, uitrekken wel (weet zo alleen de extra code ervoor niet meer).

Origineel gepost door Michal D

Intalleer voortaan altijd google analytics op je site, dan kun je zien hoeveel bezoekers je met IE6 trekt, als het een te laag percentage is kun je daar net zo goed geen tijd en moeite in steken.

Slaat nergens op, als je een website hebt met een 100.000 bezoekers per maand en 2% gebruikt IE6, dan dupeer je 2000 mensen (of bereik je 2000 potentiele klanten niet)...