background-image transparency

nilulk posted this at 10:31 — 15th April 2009.

They have: 2 posts

Joined: Apr 2009

Hey
Im having some trouble with some background-images backgrounds not being transparent when used as background-image in css! The images have been formatted okay and theyre backgrounds are transparent when the images aren't used as background-images. Is there a work around to get the images to display as intended as background-images?

Thanks in advance

Historic Renovations

pr0gr4mm3r posted this at 10:55 — 15th April 2009.

He has: 1,502 posts

Joined: Sep 2006

Which browser are you having the problem in?

decibel.places posted this at 00:12 — 16th April 2009.

He has: 1,494 posts

Joined: Jun 2008

are the images GIF or PNG?

if PNG you may need pngfix for IE6 and earlier

if the site is online can you post a link?

[EDIT]

Here is a test html page (transbgimg.html attached) using a transparent PNG image with no green in it, with a green body bg.

<style>
body {background: green url('http://www.webmaster-forums.net/files/Brown_shield_transbg.png') repeat;}
</style>

greg posted this at 14:04 — 15th April 2009.

He has: 1,581 posts

Joined: Nov 2005

Welcome to TWF

nilulk wrote:

...not being transparent when used as background-image in css...

If it is ONLY when you use them as background images in CSS, and they work when called elsewhere, then it seems you are using a correct image (png etc) for transparency.

So my "guess" would be you assign a background colour on either the div the image(s) is in, or a background colour on a parent div the image is in.

It is only a guess, as we need a bit more info as per the questions above.

nishu12 posted this at 06:28 — 20th April 2009.