PNF Fix Related
4 views
Skip to first unread message
Niranjan Singh
Apr 7, 2011, 7:03:22 AM4/7/11
to .netgroup
--------------------------------------------------
PNG FIX for IE
--------------------------------------------------
Method 1: Copy & Paste
For single page or occasional usage, copy the JS code in its entirety (from
<!--[if lt IE 7]> to <![endif]-->) and paste it into your page
somewhere in the the <head> section. That's it.
Method 2: (recommended) JS Include File
If you wish to use the code on multiples of pages, you may prefer to use a
JS include file. First, download the JS file here: pngfix.js. Place the file in
your webpage directory, then add the following construct on each of your pages
somewhere in the <head> section:
<!--[if lt IE 7.]>
<script defer type="text/javascript"
src="pngfix.js"></script>
<![endif]-->
Note the use of the defer keyword. This trick causes the images to be
replaced before they are rendered. Earlier versions of this script did not use
this method, occasionally resulting in an unpleasant screen flicker as the PNGs
were being filtered. The code in the include file is slightly different from the
copy and paste code referred to above, so I recommend downloading my file rather
than making your own.
as same with for ie 6
add this code in <head> section and copy css and fix file to root
directory..
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
------------------------------------------------
PNG in Windows IE: Imagemaps & Image Inputs
------------------------------------------------
Place both files in your webpage directory, then add the following
construct somewhere in the <head> section:
<!--[if lt IE 7]>
<script defer type="text/javascript"
src="pngfix_map.js"></script>
<![endif]-->
Note the use of the defer keyword. You can view the source on this page to
see it in action. This method still repairs all regular PNGs on the page as
before, but it also lets you use PNGs in imagemaps and as inputs on forms.
I didn't include this in the regular pngfix because (i) it requires the
extra GIF and (ii) it adds more code. If you don't need imagemaps or image
inputs, then use the regular fix.
Reply all
Reply to author
Forward
0 new messages