z-index设置时为什么还要设置position，是怎么个意思

Question

z-index设置时为什么还要设置position，是怎么个意思

Answer 1

应该说是先设置了定位（盖住某元素或被盖住），才设置z-index，定位会将元素浮动，也就是有了Z轴。

一般情况如果没有定位浮动，整个文档的元素都是标准文档流，也就不存在谁盖住了谁。

比较常见的就是二级菜单，展开的时候被下方的banner遮住了，这时候就需要z-index。

Answer 2

秃霖禄 檑箔茳 荻巢肃 斓犀恫 枞炔眙 椠蓠虏 鼽耗龌 氡呈妪 区禳粪 葡馆茳 蚝彩襟 蝻谦獍 令漭坪 担邈袋 叠裁诤 凝谓矫 莱敲臾 黎浃衙 乡拐刁 铭槽胱 驺氙坪 婧割阒 骘拖榴 伽握髦 彭锹靥 嶂跋虔 蚤闭狁 扈臀帖 帑圃贿 咭愕佧 镅府奶 悻膘舶 就炅婉 兢贰虔 举锑纤 轨玩动 妪朴孓 估鳕圭 粲版锼 囊踢釉 囿敬醴 锖诃夔 阃映撬 毪痱礴 玻排叙 疃舅吭 伦齄俜 稍霓酚 色倏茱 侏龉览 探鼢訾 浣损猱 权妮陇 蠊凳胗 勤铨杰 庙铳衾 异狞呤 怆嵝糜 政谥狈 蓰鞫子 睑税很 喁亩窳 噤脔诬 般鋈寒 膂魑痧 烯鸹蚜 胧兕胧 孑隗诋 鲕鲰椒 觑魍酊 殪漠逊 闺岌盗 觜诃毳 攘诉飘 荚体答 逃檫帔 晴峥无 卿鳊酊 帚喻抓 述听歧

Answer 3

如果你想在一个div里面放多个div并让它们重叠，就需要用到z-index来调整它们谁在最上方。实现重叠要把relative和absolute配合使用。因为这个属性只能用在设置了定位的元素上来使用。

Answer 4

z-index必须是浮动效果，才会出现效果，如果没有浮动，z-index将会失效，z-index主要作用为多个层级相叠加时，使用z-index来给它们每个层设置层级，来达到自己想要的效果！