Stacking Layers Above Embedded Objects

Stacking Layers Above Embedded Objects

When designing a Web page that contains CSS layers (DIV sections) and embedded objects (Java applets, plugins, or ActiveX controls), keep in mind that embedded objects do not obey zIndex stacking rules or visibility settings but insist on floating above all layers. If you need to dynamically adjust stacking to have a layer move above an embedded object, you can resort to the following trick: insert the embedded object on a layer. To “hide” the object below another layer, set the embedded object’s layer to an offscreen location either by using a negative number or a large X value.

See also  11 Effective Keyword Research Tools and Techniques

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