本文详细介绍了CSS中的固定定位，这是一种相对于浏览器窗口的定位方式，使得元素在页面滚动时始终保持在特定位置。同时，文章还探讨了Z-index属性，用于控制元素的堆叠顺序，数值越大，元素在层叠中越靠前。理解这两个概念对于创建交互式网页设计至关重要，特别是解决元素覆盖问题时。
固定定位
就是相对浏览器窗口定位，绝对定位的一种特殊形式。它以浏览器窗口作为参照物来定义网页元素，当position属性取值为fixed时，即为固定定位。
当对元素设置固定定位后，它将脱离标准文档流的控制，始终依据浏览器窗口来定义自己的显示位置。页面如何滚动，这个盒子显示的位置不变。
固定定位的元素跟父亲没有任何关系，只认浏览器，完全脱标，不占有位置，不随着滚动条滚动。
.backtop{
position: fixed;
width: 100px;
height: 100px;
background-color: gray;
bottom: 100px;
right: 30px;
text-align: center;
line-height: 30px;
color: white;
text-decoration: none;
}
</style>
</head>
<body>
<a href="" class="backtop">返回顶部</a>
<img src="images/wuyuetian.jpg" alt="" />
<img src="images/wuyuetian.jpg" alt="" />
<img src="images/wuyuetian.jpg" alt="" />
<img src="images/wuyuetian.jpg" alt="" />
</body>
返回顶部就是固定定位。
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.nav{
position:
最低0.47元/天 解锁文章
扫一扫
1166
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
