Forums

warnew

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:

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

jamy_za

Have you tried using the z-index css property?

warnew

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;
}

treehouse : what would you like to learn today?

Forums

overlay over flash