Results 1 to 6 of 6

Thread: gif with transparency in div

  1. #1
    Join Date
    Dec 2005
    Posts
    46
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default gif with transparency in div

    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).

    Code:
    <div class="bluebox"><h3 class="style7">Business Development</h3><img src="../../images/directors/jacky.gif" /></div>
    This is my css
    Code:
    .bluebox {
    background-color: #EDF3FE;
    border: 1px solid #74A8F5;
    padding: 5px;
    margin: 0px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 3px;
    }
    Cheers

  2. #2
    Join Date
    Nov 2005
    Posts
    132
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    are you seeing the light blue bg div colour?

  3. #3
    Join Date
    Dec 2005
    Posts
    46
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    Nov 2005
    Posts
    132
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    I'm gonna need to see the image, i think

  5. #5
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    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.
    - Mike

  6. #6
    Join Date
    Dec 2005
    Posts
    46
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    forget it.
    It was the css. I had some img attributes in the surrounding div.

    Sorted

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •