An overlay element must have a higher z-index than any element it should cover. A navigation element should allow a user to return to a previous screen without extra steps.
By Pawan Nayar · from the LLOS AI Learning record
An overlay element must have a higher z-index than any element it should cover.
A navigation element should allow a user to return to a previous screen without extra steps.
A developer must set the z-index of an overlay element higher than other elements. This ensures the overlay appears on top. For example, a welcome screen should have a higher z-index than a header. This prevents the header from showing through the welcome screen. A developer should add a clear navigation option within an overlay. This allows a user to go back easily. A back arrow button is a good example. The button should be easy to see and use.
A developer creates a welcome screen for an application. The welcome screen has a z-index of 50. The application's header has a z-index of 60. When the welcome screen appears, the header shows on top of it. The developer changes the welcome screen's z-index to 100. Now, the welcome screen correctly covers the header. The developer also adds a back arrow to the welcome screen. This lets a student return to the main menu directly.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
A good plan for a design tool includes a detailed product document. This document describes all features.
The user interface for Chapter 1 is the master design. All other chapters must use this design.
A developer must design carousels with fixed sizes. The longest content slide sets the total height.
A user clicked on a proverb. The proverb showed '7 variants'.
An overlay element must have a higher z-index than any element it should cover. A navigation element should allow a user to return to a previous screen without extra steps.