z-index怎么使用,什么时候使用这个属性

z-index怎么使用,什么时候使用这个属性,第1张

1、z-index 需要配合position

2、CSS中设置属性position后z-index才有效果

3、z-index表示层叠数值,数值越大越靠上,数值月越小越靠下方

4、设置position后标签属性是可以重叠的

5、设置position属性后同时top bottom、left、right 相对位置也生效、否则以上属性全无效

6、我回答的这几点是我的经验总结,无抄袭,抄袭必究。谢谢请采纳

可以解决元素的覆盖问题,决定那个元素在上方,哪一个在下方;

z-index的值可以是负数,也可以为0,也可以无群大,数值大的在上方;

z-index父元素设置的值权重比较大,当两个父元素相比的时候,父元素起决定作用,其中的子元素设置多大都没有用;

正常情况下:可以看到灰色覆盖了粉色元素

在box2加入z-index属性,并且设置为负数;显示为粉色在上,灰色在下;

在box1和box2中都添加z-index属性;显示为粉色在上,灰色在下;

设置三个box,给三个分别设置z-index属性;显示按照z-index属性的值最高的在上边,最低的在下边;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12002663.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存