您的位置：首页 > 其它

20150726 固定层效果实现

2015-07-31 16:41 162 查看

只有元素在设置相对定位，或者绝对定位后，属性z-index才有效，它的作用是设置元素所在的z轴层级。z-index值越大，元素层级越大。

absolute与fixed相同点

1、完全脱离标准文档流

2、未设置偏移量时，都定位在父元素的左上角（偏移量——元素设置定位后就具有便宜属性和堆叠属性z-index）

absolute与fixed不同点

设置偏移量时，偏移参照基准

absolute无已定位祖先元素，以<html>为基准偏移；有已定位祖先元素，以距其最近的、已定位的祖先元素为基准偏移

fixed有、无已定位祖先元素，都已浏览器可视窗口为基准偏移

在对元素设置固定定位时，如果希望本元素包含其父包含块中，不需要对其设置偏移量

未设置偏移量时，偏移参照基准

有已定位祖先元素，以祖先元素为基准定位

无已定位祖先元素，以浏览器窗口为基准定位

位置固定不变，兄弟元素会从其下穿过

顶部固定层

#top--position:fixed;top:0;left:0;

#mainbody--margin-top:(#top高度+原有间距)px

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航