Trying to get translucent hovers in IE

Posted on 2011-10-20
Last Modified: 2012-05-12
Hello, on this page:   translucent divs activated over the images on mouse hovers.  

I have had a difficult time getting any translucency in IE8 (the only version I have access to).

Background: an earlier transparency issue was resolved in this thread by putting IE conditional sheets AFTER the main sheets and also putting them in a row from higher versions to lower versions.  Doing that got me the transparency in the text-over-image divs in the homepage:   But the lack of transparency still problem in other pages.
Question by:polaatx
    LVL 30

    Expert Comment

    What elements need the translucency?
    LVL 8

    Assisted Solution

    Here is a basic catch all code for opacity.. have you tried this? what about it is not working, if you have (what elements are not showing with correct opacity?)

            /* Theoretically for IE 8 & 9 (more valid) */
            /* ...but not required as filter works too */
            /* should come BEFORE filter */
            /* This works in IE 8 & 9 too */
            /* ... but also 5, 6, 7 */
            filter: alpha(opacity=0.5);
            /* Older than Firefox 0.9 */
            /* Safari 1.x (pre WebKit!) */
            -khtml-opacity: 0.5;
            /* Modern!
            /* Firefox 0.9+, Safari 2?, Chrome any?
            /* Opera 9+, IE 9+ */
            opacity: 0.5;

    Open in new window


    Accepted Solution

    Hello, actually this issue was simultaneously  resolved here:

    It was all related to a missing {

    thank you.

    Author Closing Comment

    complete list of transparent code for various browsers.
    LVL 8

    Expert Comment

    Excellent.. glad this was sorted out, and hope that opacity code works for you in the future as well !

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Do You Know the 4 Main Threat Actor Types?

    Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    Envision that you are chipping away at another e-business site with a team of pundit developers and designers. Everything seems, by all accounts, to be going easily.
    In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
    This video teaches users how to migrate an existing Wordpress website to a new domain.

    759 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now