I have problem with png transparency in img tag

Hi,

http://www.sandrophoto.com/photography-courses/

Here down, my photographer has a transparency, it's png. But for some weird reason I still see white background which covers the table. Any ideas why this is happening?

thanks

 

I guess you use photoshop?

You need to use the "Save for web and devices" - option in the Files-menu.
Save as png-24 and right there in the saving options palette, there's a check box for transparency that you have to check. If you leave it unckecked it'll use foreground or background color as BG color/matte option.

Check that box, it oughtta do it.

 

you have to remove the background image and save them as .png extension.

 

hey, thx, but try to download image and open with photoshop! It's png24 with transparency selected just download it, u can see it's transparent already on desktop.

 

Is that cartoon with the camera in hand you are talking about? It's actually transparent but the problem you are having that it's a picture file that is above that table. Maybe if you can use that image as your background or move your table a bit away will solve the issue.

 

I read your recent blog. I had a question. How do you prove that the image is really yours if the offender challenges back?

 

I don't want to use it as css background cause of SEO considerations.

ameerulislam10
I'm gonna reply on the blog post.

 

Then I suppose may be you would want to rearrange your page to accommodate that image. You can also resize it if you are ok with it.

I'll look onto your blog for the reply.
Thanks

 

you are telling me this is impossible? I don't want to change anything, this is how I designed it, and I like it... it seems weird to be problematic!

 

Hi sandrodz,

I took a look at your site using Firebug. It looks like a simple CSS change.

.entry img {
background: none repeat scroll 0 0 #FFFFFF;
border: 0 solid #DDDDDD;
max-width: 630px;
padding: 4px;
}

By changing the background from "none" to "transparent", I was able to get the result you wanted. It worked in FireFox anyway.

Try that and see if it works for you.

-Greg

 

thanks greg! worked