Css z索引在div标记上不起作用

Css z索引在div标记上不起作用,css,html,z-index,Css,Html,Z Index,我使用带有绝对位置的div标记。但它不能正常工作。我想把登录框放在其他所有东西的上面。当我试图改变登录div的绝对位置时,它把一切都搞砸了 <body> <div id="login"> <a href="#">Login</a> <div> Login Form Lorem Ipsum blablbalbabababa lbablaabalbalba </div>

我使用带有绝对位置的div标记。但它不能正常工作。我想把登录框放在其他所有东西的上面。当我试图改变登录div的绝对位置时,它把一切都搞砸了

<body>

<div id="login">
    <a href="#">Login</a>
    <div>
        Login Form
        Lorem Ipsum blablbalbabababa lbablaabalbalba
    </div>
</div>
    <p style="position:absolute;z-index:-99;top:30px;"> hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhkj</p>
</body>

登录表单
巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴巴
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh


看这里

实际上它在上面。我猜你认为这不是因为它有alpha 0.2(背景:rgba(0,0,0,2)),这就是为什么你能看穿它;)

你所说的“乱七八糟”是什么意思?它扩展了链接登录的宽度,段落将登录div和另一个div分开。请参见fiddle pls。在你的fiddle中,它可以工作,但因为你已经使用rgba(,,,.2)应用了透明。看起来好像不行。是的,谢谢。为这个愚蠢的帖子感到抱歉。