每日笔记,CSS 布局 - positioning属性,
滑动的div,如何布局div的位置
重叠元素
在对元素进行定位时,它们可以与其他元素重叠。
z-index 属性指定元素的堆栈顺序(哪个元素应放置在其他元素的前面或后面)。
元素可以设置正或负的堆叠顺序:
img { position: absolute; left: 0px; top: 0px; z-index: -1; }
这个 div 元素设置 position: relative;
由于图像的 z-index 为 -1,它将被置于文本之后。
属性 | 描述 |
bottom | 设置定位框的底部外边距边缘。 |
clip | 剪裁绝对定位的元素。 |
left | 设置定位框的左侧外边距边缘。 |
position | 规定元素的定位类型。 |
right | 设置定位框的右侧外边距边缘。 |
top | 设置定位框的顶部外边距边缘。 |
z-index | 设置元素的堆叠顺序。 |
相关文章
标签:css