CSS IE 6 PNG Fix

While doing some iPhone web Dev research, I came across this IE 6 CSS PNG Fix.

I am yet to try it, but could be pretty helpful ! :)

/*Fix the PNG background image so that the contents can still be clicked*/
/* http://gist.github.com/9180 */
* html .png-fix-box {
  background: none;
  _azimuth: expression(this.bgd = this.bgd || 'bgd:'+this.insertAdjacentHTML('afterBegin','<div class="bg"></div>'),'inherit');
}
* html .png-fix-box .bg {
  display:inline;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/global/discuss-box_top.png', sizingMethod='image');
}
This entry was posted in Uncategorized and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">