元素定位
属性 | 属性值 | 作用 |
---|---|---|
position | fixed | 固定定位 |
– | – | – |
position | relative | 相对定位 |
– | – | – |
position | absolute | 绝对定位 |
三种定位的区别
固定定位:以浏览器为参照物进行定位,元素脱离文档流;
相对定位:不脱离文档流,元素有父元素的话,以父元素为参照物进行定位,没有父元素的话,以浏览器为参照物进行定位;
绝对定位:脱离文档流;
看有没有父元素
有父元素:再看父元素有没有写相对定位,父元素有写相对定位,以父元素为参照物进行定位。
如果父元素没有写相对定位,以浏览器为参照物进行定位。
没有父元素:绝对定位以浏览器位参照物进行定位。
期间会用到的属性
属性 | 属性值 | 作用 |
---|---|---|
z-index | number(数字)数字越大越不容易被覆盖 | 层叠样式(必须要与定位配合) |
– | – | – |
opacity | number(0-1) | 透明度(IE8以下浏览器不支持) |
– | – | – |
filter | alpha(opacity=0-100) | 透明度的兼容写法 |