CSS 布局 - positioning属性三

 2022-03-17    576  

每日笔记,CSS 布局 - positioning属性,

滑动的div,如何布局div的位置

重叠元素

在对元素进行定位时,它们可以与其他元素重叠。

z-index 属性指定元素的堆栈顺序(哪个元素应放置在其他元素的前面或后面)。

元素可以设置正或负的堆叠顺序:

img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
这个 div 元素设置 position: relative;

由于图像的 z-index 为 -1,它将被置于文本之后。


所有 CSS 定位属性

属性

描述
bottom设置定位框的底部外边距边缘。
clip剪裁绝对定位的元素。
left设置定位框的左侧外边距边缘。
position规定元素的定位类型。
right设置定位框的右侧外边距边缘。
top设置定位框的顶部外边距边缘。
z-index设置元素的堆叠顺序。
  •  标签:  
  • css
  •  

原文链接:https://77isp.com/post/715.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。