User talk:Fanmengjun

PNG transparency work in Internet Explorer

Create a container to store your image. In this case I use a. Create your inside your, just like this.

Next, create a if you dont have one. Make sure they are between your. Put the following css inside.

body {background-color:#000} div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}

The CSS codes above displays your PNG image in a. Works fine for Mozilla Firefox, but not for Internet Explorer. To get it working cross browser, create another set of css just for Internet Explorer right below your. Insert the following codes.

<!–[if gte IE 5]>  div.flower { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’); } <![endif]–>

Read more: http://www.hongkiat.com/blog/making-png-image-transparency-work-in-internet-explorer/#ixzz0cYJp8iMV