Solution for PNG images in css

August 5, 2008

Many of us might have nightmare’s using png images as they are not supported in IE. Here is the solution we can use to overcome that nightmare

 

Method 1:

html>body .className{
 background: url(“../images/suresh kumar.png”) no-repeat;
}

Method 2:

* html #id{
    background:url(“../images/none.gif”);
 filter: progid XImageTransform.Microsoft.AlphaImageLoader(src=’images/sureshkumar.png’, sizingmethod=’crop’);
 cursor: hand;
}

Entry Filed under: css. Tags: , , .

1 Comment Add your own

  • 1. Noclegi Kotlina  |  May 19, 2009 at 7:10 am

    I always found pngs to be an unnecessary waste of space. Seriously, how often do you need quality that high?

    Reply

Leave a Comment

Required

Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed


Spam Blocked

Flickr Photos

Freeze

*

Cabo Negro

More Photos

Blogroll

Recent Posts

Recent Comments

Brightshore Miami on Convert em,px,pt and % in…
zolofth on Mozilla Addons and IE Addons f…
xx on validating textarea using…
jafar on Top 50 Govt Engineering C…
jafar on Top 50 Govt Engineering C…

Pages

Top Clicks

Top Posts

Blog Stats