Published on March 7, 2019

Tutorial: Create Overlapping Elements with Z-Index / Negative Margin

New in Oxygen 2.2, the z-index property can now be set visually from Advanced > Layout.

Using the z-index property, combined with negative margins, you can create overlapping elements.

In this tutorial, you’ll learn how to create two cool overlapping effects.

 

The Oxygen Team
Updated on: January 30, 2025

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If youโ€™re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want โ€” no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.