IE6 .png transparency?

[JD]

anyone know the absolute best way to deal with IE6 and it's lack of support for transparency? I know of a couple methods but they impact load times.

And one more thing, how can I deliver it to ONLY IE6 users? I've tried using
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

but that doesn't hit for just IE6 for whatever reason IE7/8 pic it up too :/

[JD]

really? nobody? wow...

[sortie]

Gif...........

[fris]

you use iepngfix?

http://www.twinhelix.com/css/iepngfix/

[JD]

Originally Posted by sortie

Gif...........

lmao... yeah ok... obviously you don't know the difference between gifs and .pngs when it comes to transparency

Originally Posted by fris

you use iepngfix?

http://www.twinhelix.com/css/iepngfix/

yeah was looking for other solutions

[fris]

check out these links also good reads

http://www.ajaxonomy.com/2008/web-de...ore-with-ie7js

http://www.sohtanaka.com/web-design/...arency-in-ie6/

[sortie]

Originally Posted by JD

lmao... yeah ok... obviously you don't know the difference between gifs and .pngs when it comes to transparency



yeah was looking for other solutions

But I'm not the one here fucked up over though am I?

[sortie]

If you knew what the fuck programming was you'd use imagemagick based on the browser.

[JD]

i'm not "fucked up" over anything sortie. I have several solutions but just looking for MORE options.

imagemagick based on the browser? LOL...

thanks for the links fris

[Serge Litehead]

<!--[if lt IE 7]>
...
<![endif]-->

[TheHatchet]

ive used pngFix many times without any issues. Whats the problem?

[JD]

Originally Posted by BarryTheHatchet

ive used pngFix many times without any issues. Whats the problem?

iepngfix (last time i used it) made the page load pretty slow. Of course I was using a bunch of pngs in the design...

just trying to see what else is out there ;)

[tranza]

I really hate IE

[JD]

Originally Posted by tranza

I really hate IE

i couldn't agree more :/ more specifically, IE6

[harvey]

for those that don't know, pngfix works really bad with IE6. The one below is the best solution by a long mile (probably the only one that really works). And yes, that's the conditional code to spot IE6 and older and not affect IE7 and newer

<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters)) 
   {
      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]-->

[wdforty]

you should be using
<!--[if lt IE 7]><![endif]--> (if less than version 7....)

As for png fix there are tons out there just search. None are perfect and all affect loading time so just find one you're happy with.

[leming]

Just make png transparency without any gradients. It should work without any dances

[fris]

Originally Posted by wdforty

you should be using
<!--[if lt IE 7]><![endif]--> (if less than version 7....)

As for png fix there are tons out there just search. None are perfect and all affect loading time so just find one you're happy with.

hit me up when you have a second

[redwhiteandblue]

Originally Posted by JD

And one more thing, how can I deliver it to ONLY IE6 users? I've tried using
<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

but that doesn't hit for just IE6 for whatever reason IE7/8 pic it up too :/

Have you got MultipleIE installed? Because apparently if you've got multiple versions of IE on one machine then the conditional comments behave as though you're running the highest version.

[candyflip]

Doesn't take long for Sortie to douche up a thread these days does it?

[potter]

<!--[if IE 6]>

should work just for ie 6, something on your end must be wrong.

also, i typically use unit png fix for a png ie6 fix (when im not just popping up a modal saying you suck for ie6 users)

[jawanda]

I use a little javascript called SuperSleight and it works great.

<!--[if lte IE 6]>
<script type="text/javascript" src="supersleight-min.js"></script>
<![endif]-->
<script language="javascript">
function divclose()
{
supersleight.init()
}
</script>

Get the script here: http://24ways.org/code/supersleight-...persleight.zip

Only effects IE6. Works perfect for me.

-P

[jawanda]

Also checkout this page for a good discussion of the different techniques, including Supersleight.

http://24ways.org/2007/supersleight-...ent-png-in-ie6

[JD]

Originally Posted by redwhiteandblue

Have you got MultipleIE installed? Because apparently if you've got multiple versions of IE on one machine then the conditional comments behave as though you're running the highest version.

I do have it installed actually...