[v4] using z-index

1

I have attempted to use z-index to display data from page-content on top of the Navbar, but my z-indexes is being ignored.

the z-index for navbar is 500. Any elements with a z-index of 501 in page-content still appear underneath the navbar. What could cause this?

2

In MD theme the page is structured as

.page
  .navbar
  .page-content

In iOS theme it is

.navbar
.page
  .page-content

In both cases it is impossible to set anything in page-content on top of navbar. z-index has effect for elements on same level

3

Okay thanks. I wanted to implement a “non-rectangular header” like the picture attached below, so I can get the navbar color appearing behind some content.

image