Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Jul 2003
    Posts
    601
    Thanks
    17
    Thanked 0 Times in 0 Posts

    CSS Driven Rollovers - Transparent BG Question

    Hey Guys,

    I'm doing something similar to the following CSS rollover menu:

    http://www.nundroo.com/nav_matrix/welcome2.html

    The CSS controls one master image that positions the rollovers as you see them when moving the mouse. As you can see, the top left corner of each block is a grey background color.

    On my page, I have the main header as a background image, tiled on the x-axis. I redid the CSS background image to make the background transparent (removing that grey), and saved it as a PNG.

    The problem I'm having is that the menu sits on top of the background header image, and isn't showing transparently to show my main header background image. Is there something I'm doing wrong?

    Any suggestions would be appreciated.

    Thanks.

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Do you have a link to your site so we can see the problem?? And IE hates transparent png's
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #3
    Regular Coder
    Join Date
    Jul 2003
    Posts
    601
    Thanks
    17
    Thanked 0 Times in 0 Posts
    That was it. Made it a transparent GIF and it works fine.

    Thanks for the tip.

  • #4
    New Coder
    Join Date
    Dec 2006
    Location
    Bahrain
    Posts
    96
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Nice template.
    ALWAYS remember to validate your code

  • #5
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,387
    Thanks
    32
    Thanked 288 Times in 282 Posts
    It’s Internet Explorer 6 that doesn’t support PNG variable transparency. Internet Explorer 7 does support such images. I think Internet Explorer 6 supports PNG(‐8)s (vs. PNG‐24) with on‐off transparency (like GIF) though.
    For every complex problem, there is an answer that is clear, simple, and wrong.


  •  

    Posting Permissions

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