# PNG-24 Transparency Problem

**URL:** <https://forum.kirupa.com/t/png-24-transparency-problem/215261>\
**Category:** web dev\
**Created:** [February 5, 2007, 10:01pm UTC](https://forum.kirupa.com/t/png-24-transparency-problem/215261 "2007-02-05T22:01:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hankd](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/hankd/32/1853_2.png) [@hankd](https://forum.kirupa.com/u/hankd)\
**Post date:** [February 5, 2007, 10:01pm UTC](https://forum.kirupa.com/t/png-24-transparency-problem/215261/1 "2007-02-05T22:01:44Z")

</div>

Hello,

I’m creating a nav bar that has a PNG-24 file (the image has a yellow fade to transparent, that is why i can’t use a gif). And I can get it to look fine in IE7 and Firefox. But it doesnt look right in IE6. I’m using A List Apart’s sprite article.

> **[CSS Sprites: Image Slicing’s Kiss of Death](http://alistapart.com/article/sprites)**
>
> Say goodbye to old-school slicing and dicing when creating image maps, buttons, and navigation menus. Instead, say hello to a deceptively simple yet powerful sprite-based CSS solution.

I found this other article that helps if you are just using a basic tag for an image or if you use the image once in the css.  
[http://bjorkoy.com/post/show/8](http://bjorkoy.com/post/show/8)

I can’t get it to work. I still get the gray background under the image… anyone know another work around?

thanks,

hank D