Png transparent

by Karthikeyan 2010-01-28 20:13:16

Internet Explorer 6:

Internet Explorer does not turn your transparency transparent, thus leaving you with a big ugly white spot.

Read more: Make PNG transparency work in Internet Explorer | Web Tricks http://www.hongkiat.com/blog/making-png-image-transparency-work-in-internet-explorer/#ixzz0duzRJqGh


Solution

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



Next, create a

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.





Your IE should now give you a perfect blend like the picture below.

Read more: Make PNG transparency work in Internet Explorer | Web Tricks http://www.hongkiat.com/blog/making-png-image-transparency-work-in-internet-explorer/#ixzz0duzeF9CZ

Tagged in:

868
like
0
dislike
0
mail
flag

You must LOGIN to add comments