Home/ Questions/Q 7061363
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:27:53+00:00

I wanted to know if what I want to do is even possible, since

  • 0

I wanted to know if what I want to do is even possible, since I couldn’t get it to work:

<body>
    <header>
        <panel>
            <login>
            </login>
        </panel>
    </header>
    
    <content>
    </content>
</body>

Here’s the hierarchy I want:

  1. <panel> above <header>
  2. <login> under both <header> and <panel>
  3. <login> above <content>

Additional Info:

<login> is a position: absolute login form which slides down from beneath the <header> on demand but should remain above the page’s <content>

Hope you could help me out..

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Regrettably, child nodes cannot have a z-index lower than their ancestors. To get the effect you want, you would have to move login outside of header.

    Example

    <header>
 <div class="panel"><!-- Panel Here --></div>
</header>
<div class="login"><!-- Log In Here --></div>
<div class="content"><!-- Content Here --></div>

    Note: I’ve changed your markup slightly to conform to HTML standards. If you wish to continue using the invalid markup, simply replace <div class="XXX"> with <XXX> and corresponding </div> with <XXX> where XXX is the value of the class attribute.

    • 0