The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

overlay over flash

  • # January 18, 2010 at 7:46 pm


    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:

    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?


    # January 19, 2010 at 9:02 am

    This reply has been reported for inappropriate content.

    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)

    #overlay {
    background-image : url(/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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed