css - z-index 不适用于 div 标签

标签 css html z-index

我正在使用带有绝对位置的 div 标签。但它不能正常工作。我希望将登录框放在其他所有内容之上。当我试图改变 position:absolute of login 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>

请参阅此处 http://jsfiddle.net/jPPew/44/

最佳答案

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

关于css - z-index 不适用于 div 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16236152/

相关文章:

html - 如何使固定元素在 100% 的主体后滚动?

jquery - 为什么我的下拉菜单在 ie 上的幻灯片后面?

html - 元素堆叠顺序的不透明度和 z-index

javascript - 仅限 Safari 浏览器中的右边距

javascript - 如何使用 Javascript 检测滚动超过页面开头?

html - 启动 css 站点但格式问题

javascript - jquery 单击事件不适用于 angular.js ng-repeat

javascript - 输入出生日期时如何限制允许的年龄

javascript - AngularJS + Bootstrap - 验证文本框 - 如何仅在用户输入一些数据后显示验证反馈?

html - 低 z-index 元素的 onclick 用法