Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS z索引（堆叠上下文）_Html_Css_Z Index - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html CSS z索引（堆叠上下文）

Html CSS z索引（堆叠上下文）

html css

Html CSS z索引（堆叠上下文）,html,css,z-index,Html,Css,Z Index,我想知道我想做的事情是否可能，因为我无法让它工作： <body> <header> <panel> <login> </login> </panel> </header> <content> </content> </body> 这是我想要的层次结构：

我想知道我想做的事情是否可能，因为我无法让它工作：

<body>
    <header>
        <panel>
            <login>
            </login>
        </panel>
    </header>
    
    <content>
    </content>
</body>
这是我想要的层次结构：

  • 以上
  • 和
  • 以上
    • 其他信息：

    是一个
    位置：绝对的
    登录表单，可根据需要从
    下方滑下，但应保持在页面的
    上方

    希望您能帮助我。

    遗憾的是，子节点的z索引不能低于它们的祖先。要获得想要的效果，您必须将
    登录
    移动到
    标题
    之外

    例子
    注意：我稍微更改了您的标记，以符合HTML标准。如果您希望继续使用无效标记，只需将
    替换为
    ，并将相应的
    替换为
    ，其中
    XXX
    是
    类
    属性的值。

    您尝试了什么？在这一点上，理想情况下，你至少应该有一个基本的工作风格。如果登录不必是标题和面板的子项，那么这是可能的。有关堆叠顺序的详细解释，请参见@tamir，我想可能是这样，但你永远不会知道：P很高兴我能帮上忙！ 
    <header>
 <div class="panel"><!-- Panel Here --></div>
</header>
<div class="login"><!-- Log In Here --></div>
<div class="content"><!-- Content Here --></div>