z-index的用法及失效

z-index:用于提升元素层级默认值为0

这就像是栋房子,2楼的小矮子会位于1楼的大高个上面。

图中DIV1有1和2两个子元素,DIV2有3和4两个子元素。 

最终呈现在页面上的效果如图,堆叠顺序从上到下依次是A,B,C,D。A会显示在最上面。



对于浮动的元素:

    浮动的元素脱离文档流,就好比去了二楼

    为浮动的元素仍然停留在一楼,所以给一楼的元素添加z-index值并不能盖过二楼的元素

你可能感兴趣的:(z-index的用法及失效)