z-index总结

z-index总结

一、总结

一句话总结：

1、子元素无论z-index高低，都是在父元素子上

2、如果想让某元素显示在某元素之下，设置为同级，上面的z-index高

 

 

1、如果想让某元素显示在某元素之下，z-index如何设置？

a、【同级】：设置为同级

b、【上面的z-index高】：把上面的元素的z-index设置的高一点，比如10

c、【下面的z-index低】：把下面的元素的z-index设置的低一点，这里只要比10小就好了

 

 

 

二、z-index总结

1、相关知识

1、子元素无论z-index高低，都是在父元素子上

2、如果想让某元素显示在某元素之下

a、【同级】：设置为同级

b、【上面的z-index高】：把上面的元素的z-index设置的高一点，比如10

c、【下面的z-index低】：把下面的元素的z-index设置的低一点，这里只要比10小就好了

 

2、实例

鱼在下面很好实现，就是同级，并且把鱼设置的低一点，要放在上面的元素设置的高一点即可

 

3、注意

一定注意上层的元素不能有全覆盖的背景，不然下层的元素会被背景挡到