Using PNG for web graphics provides a lot flexibility in website design however Internet Explorer does not fully support them. There are many scripts that can be used to compensate for IE. These scripts typically will only support inline PNGs or alternatively if CSS is used to load the PNG as a background image.
This script enables Internet Explorer to correctly display PNG graphics with alpha transparency as both inline and as background images. http://www.twinhelix.com/css/iepngfix/
Download and Setup Information
- Download script here: http://www.twinhelix.com/…iepngfix.zip
- Extract files to your web-server, this script may work locally but not on your server due to the unknown filetype of this file: iepngfix.htc
- Place files in your drupal theme folder, for example /sites/all/themes/zen/magicspark/iepngfix.htc
- Take note of where a the transparent gif used by the scripts is located, /sites/all/themes/zen/magicspark/img/blank.gif
- Edit or update iepngfix.htc with the correct path for your setup IEPNGFix.blankImg = ‘/sites/all/themes/zen/magicspark/img/blank.gif’;
- Since this script is only used for IE add this line to your ie.css to ensure the *.htc file loads correctly
img, div, a, input { behavior: url(/sites/all/themes/zen/magicspark/iepngfix.htc) }
See /sites/all/themes/zen/magicspark/ie.css
