Web前端技术

作者简介

江兆银，副教授，组织申报江苏省产教融合试点企业项目、江苏省软件技术专业群项目、江苏省服务外包嵌入式培养项目、校级产业学院、校级高水平专业群、校科技服务平台团队等等项目。主持省部级课题2项，校级课题教改4项，校企合作横向课题4项，发明专利4项、实用新型3项，主编教材5本，参与省、市社科项目各1项，省、校级在线开放课程各1项，江苏省大学生创新创业项目2项，大学生优秀毕业设计团队2项。
姜文秀，讲师，主持校级教改课题2项，校企合作横向课题2项，省级刊物发表论文7篇，主持校级在线开放课程一门，江苏省大学生创新创业项目2项，大学生优秀毕业设计团队1项，参与编写教材3本，指导学生参加“蓝桥杯”软件大赛多次获奖，指导学生参加江苏省技能大赛获三等奖。

内容简介

1.position:fixed
CSS 中的 position 属性用来设置元素在页面中的位置，通过该属性，用户可以把任何属性放置在用户认为任何合适的位置。position 属性有 5 个可选值，分别对应 5 种不同的定位方式，前面的任务已经讲过static(静态定位，默认值)、relative(相对定位)和absolute(绝对定位)，此处用到了新的属性——fixed(固定定位)，其作用是无论如何滚动浏览器窗口，元素的位置都是固定不变的，可以使用 top、right、bottom、left 这 4 个属性来定义元素相对于浏览器窗口的位置。
遮盖层和登录窗口层都使用了position:fixed;，是为了防止页面滚动对它们造成影响。