我正在构建一个小型Web应用程序.我有两个div.一个是绝对的,另一个是静态的.我试图将我的静态div放在我的绝对值之上,这样它仍然是最重要的项目.
非常简单的代码示例:
如何才能做到这一点？
编辑:我一直在使用z-index.它似乎没有效果.
Tow*_*own 56
z-index不适用于static元素.
根据这个页面:
该属性指定的箱,其位置值是中的一个的层叠级别
absolute,fixed或relative.
如果您relative改为创建div ,则可以使用它z-index来确定顺序.
position: relative相对于它的默认元素位置(静态)的位置,所以如果你不指定顶部,底部,左侧或右侧,然后就会有没什么区别static和relative其他比相对允许您使用z-index移动你的元素了堆.
编辑:根据您的代码示例,这是一个工作演示.
编辑2:根据Nathan D. Ryan在下面评论中的建议,你也可以z-index对你绝对定位的div 应用否定.这会将它移到页面上没有较低z-index定义的其他所有内容之后.
您可以将绝对定位的元素放置在静态定位的元素后面,而不是将静态定位的元素放置在绝对定位的元素上.您可以通过将z-index绝对定位元素设置为负值来完成此操作.但是,正如@Town所提到的,这也将绝对定位的元素置于正常流程中的所有其他元素之后.