yet another IE6 png issue :(

@KorMay 22.2009 — #In fact you may use transparent PNG ([I]as 24 bits![/I]) in IE6 as well. The solution is simple. Use PNG files as [I]CSS backgrounds[/I] and create a [I]separate CSS file for IE6[/I]

<i>
 </i>&lt;link href="css/css.css" rel="stylesheet" type="text/css"&gt;
 &lt;!--[if lte IE 6]&gt;
 &lt;link href="css/ie6fix.css" rel="stylesheet" type="text/css"&gt;
 &lt;![endif]--&gt;

Suppose in your css.css you have this class:

<i>
 </i>.mypng{
 width:100px;
 height:50px;
 background:url(../img/mypng.png) no-repeat 0 0;
 }

the fix for IE6 would be, in the file ie6fix.css, like this :

<i>
 </i>.mypng{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/mypng.png');
 background:none;
 }

Do the same for all the PNG's you want to use.

Make sure you place the ie6fix link href [I]below[/I] the normal css link href, in the HEAD codes.

Quite simple, right? ?

yet another IE6 png issue :(

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

yet another IE6 png issue :(

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴