css将图片置于最底层

CSS 中可以通过 z-index 属性来设置元素的堆叠顺序，数值越大代表元素越靠上面。

当多个元素重叠时，可以使用 z-index 来指定它们的堆叠顺序以确定哪个元素应该在上层。

/* 将图片置于最底层 */
img {
  position: absolute;
  z-index: -1;
}

在样式中设置 position: absolute; 属性，元素会脱离文档流并根据父元素或在没有父元素时根据整个页面来定位。

而通过将 z-index 属性设置为 -1，则会将元素置于最底层，被其他元素遮盖。

需要注意的是，若其它元素也设置了负的 z-index 值，则最终的堆叠顺序仍然要根据它们的文档流位置决定。若元素的 z-index 相等，则它们的堆叠顺序由它们在 HTML 中的出现顺序决定。