Web前端开发项目教程 课件 6.5 调整元素的层叠顺序.pptx

Web前端开发项目教程主讲人：卞孝丽

调整元素的层叠顺序

【任务目标】知识目标掌握z-index层叠属性；理解并掌握调整z轴方向上元素层叠顺序的方法。能力目标能够灵活调整元素的层叠顺序；能够根据应用场景进行变通，制作出特殊效果的网页。素质目标培养空间层次感，提升与人交流沟通时把握尺度的分寸感。

【导学知识】一、认识层叠1.什么是层叠当多个元素同时设置定位脱离普通文档流时，形成多个层，这时定位元素之间有可能会发生重叠，如果没有对这些层进行层叠设置，则一般在HTML中靠下面后添加的元素，其层叠顺序越靠近用户，即显示在浏览器的最前面。如果需要改变这种层叠次序，