WordPress.org

Ready to get started?Download WordPress

Forums

Dropdown Menu Opacity Won't Display Properly In IE? (6 posts)

  1. Aedryan Methyus
    Member
    Posted 2 years ago #

    Howdy peeps! I can't get my dropdown menu background opacity to display properly in IE. It looks perfect in Firefox and Chrome (go figure!)...

    Here is the CSS for my dropdown menu:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Help a brotha out?

    ~ Aedryan

  2. Aedryan Methyus
    Member
    Posted 2 years ago #

    Ok...

    http://www.methyus.com/Hire-Magicians-Illusionists-Entertainment-And-Entertainers-For-Hire.php

    Any help you guys can give me on this would be hugely appreciated. This site will be going live within the next couple of days and this is a pretty big issue, as you'll see if you look at the site in IE.

    Thanks.

    ~ Aedryan

  3. vtxyzzy
    Member
    Posted 2 years ago #

    Welcome to the weird world of cross-browser compatibility.

    This article is a little out of date, but it shows what works in various browsers (possibly not current versions).

    http://css-tricks.com/snippets/css/cross-browser-opacity/

  4. Aedryan Methyus
    Member
    Posted 2 years ago #

    Thanks, vtxyzzy. I'm not sure how to incorporate that into my existing dropdown menu CSS, though. Any suggestions? Nothing I try seems to make any difference at all in IE... >8>(

    I don't even need any sort of opacity settings on my dropdown menu. I just need it to have a solid black background. But, I want the style to stay the same as it is now.

    ~ Aedryan

  5. vtxyzzy
    Member
    Posted 2 years ago #

    To use the additional style rules for other browsers, just add them to the place you are using opacity. If a browser does not recognize them, it just ignores them and uses the one it recognizes.

  6. Aedryan Methyus
    Member
    Posted 2 years ago #

    I figured it out... What I ended up doing is just changing:

    background:rgba(0,0,0,1.0)

    TO

    background:#000000;

    It doesn't have the nice rounded corners in crappy IE, but at least it's a solid black background. Still looks perfect in Firefox!

Topic Closed

This topic has been closed to new replies.

About this Topic