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.

Both effects make use of negative margins and the new z-index property in Oxygen 2.2.

The Oxygen Team

Updated on: January 30, 2025

See more

Latest updates from Oxygen team.

Get started with Oxygen today and unlock incredible value.

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

Use Oxygen on as many personal or client projects as you want — no limits.

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

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