javascript - 在屏幕中央弹出成功消息，所有其他元素位置都是静态的

Question

我希望能够在屏幕中央创建一个弹出成功消息，并且 z-index 大于所有其他元素，以便它出现在它们的前面。但是，我页面中的所有 html 元素都有样式display:static;（内容 div、标题、侧边栏等），所以仍然可以这样做吗？

非常感谢。

Answer 1

如果所有元素都是静态定位的，那么弹出消息将始终显示在顶部。默认情况下，静态元素的 z-index 为 0，因此设置任何具有更高 z-index 和 position:[relative, absolute, fixed] 的元素都会将其置于顶部。

在此处阅读更多内容，css-tricks 对 z-index 有很好的概述/教程。http://css-tricks.com/almanac/properties/z/z-index/