CSS With Multimedia Elements on Page

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).


About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist