Grow your CSS skills. Land your dream job.

overlay over flash

  • # January 18, 2010 at 7:46 pm

    Hi,

    I want to do put a div over a flash object and its under the flash…

    My overlay javascript otherwise fine, browser independent and I use swfobject like this:

    Code:
    swfobject.embedSWF(“/libs/fchart/open-flash-chart.swf”, “bodystat_chart”, “550″, “400″, “9.0.0″,false,{},{wmode: “opaque”},{});

    Also tried with wmode: transparent…

    I saw a solution in one of the screencasts, but can’t find it :(
    Any ideas?

    Thanks

    # January 19, 2010 at 9:02 am

    Have you tried using the z-index css property?

    # January 19, 2010 at 1:56 pm

    I do use the z-index…

    This is the CSS for the overlay (js changes the visibility)

    Code:
    #overlay {
    background-image : url(http://cdn.css-tricks.com/images/design/overlay.png);
    }

    #overlayContent, .overlay_hidden {
    width : 400px;
    background-color : white;
    padding : 5px;
    visibility : hidden;
    z-index : 90;
    position : absolute;
    }

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".