Dropdown Menu Opacity Won't Display Properly In IE?

Ok…

https://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

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

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

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

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.

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!