Log in

View Full Version : gif with transparency in div



Skinnybobb
08-01-2006, 08:51 AM
Hello,

An image using a transparent background is placed inside a div, however the transparency isnt transparent its white?! Can anyone explain why this might be happening. (Didn't know if it was the css causing the problem hence I posted it here).



<div class="bluebox"><h3 class="style7">Business Development</h3><img src="../../images/directors/jacky.gif" /></div>


This is my css


.bluebox {
background-color: #EDF3FE;
border: 1px solid #74A8F5;
padding: 5px;
margin: 0px;
font-weight: bold;
color: #666666;
margin-bottom: 3px;
}


Cheers

neilkw
08-01-2006, 09:23 AM
are you seeing the light blue bg div colour?

Skinnybobb
08-01-2006, 09:34 AM
yep,
the only thing thats not right is the image (a persons head and shoulders) has a white background and is not transparent so you cannot see the blue through the image.

neilkw
08-01-2006, 09:40 AM
I'm gonna need to see the image, i think

mburt
08-01-2006, 12:59 PM
Sometimes it depends on the program you use to make the image. For example, when you make transparent gifs with Microsoft's Paint, it will be white. But if you use Paint Shop Pro, or some other program, it'll be transparent.

Skinnybobb
08-01-2006, 01:25 PM
forget it.
It was the css. I had some img attributes in the surrounding div.

Sorted