Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: DHTML
Expertise: Beginner
Sep 23, 1999



Building the Right Environment to Support AI, Machine Learning and Deep Learning

CSS With Multimedia Elements on Page

Is there a way to layer page elements through Cascading Style Sheets (CSS) over an embedded element such as a Shockwave movie? My present page has a sliding graphic which overlays the main splash page's graphic (comprised of JPGs and an animated GIF). I would like to retain the sliding graphic but substitute Shockwave for the 450x280px present underlying graphic.

It's actually pretty simple. If you're using Flash to create your Shockwave animation, then go into Aftershock and set the Window attribute to Windowless Opaque or Windowless Transparent. This forces the Shockwave engine to render the output directly into the browser's display context rather than creating a separate OLE or Applet window for rendering. Note that doing this will dramatically slow down your Shockwave movies, as the Shockwave plugin needs to work out of process to handle the updates. Once you do this, then just use standard DHTML and CSS commands to handle the Web content (for example, using the position:absolute CSS command to place the graphics).

DevX Pro
Thanks for your registration, follow us on our social networks to keep up-to-date