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

Willows

Closer

untitled

More Photos

Blogroll

Recent Posts

Recent Comments

nazeer on Mungaru Malle
mommy2too on Im getting weird symbols in mi…
vinska klet on iframe change src | javas…
me on iframe change src | javas…
DeepikaR on Dialogues from Mungaru ma…

Pages

Top Clicks

Top Posts

Blog Stats