CSS图片放在最底下是一种很常见的设计技巧，它可以使页面更加丰富，也可以让用户得到更好的视觉体验。下面我们来看一下怎么实现这个效果。

/* 首先将图片设置为绝对定位 */
.bg-img {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}

以上代码中，我们首先将图片的定位方式设置为绝对定位，这样就可以使它脱离文档流，不会影响到其他的元素。

/* 接着设置左右和底部的距离 */
left: 0;
bottom: 0;

这一段代码的作用是设置图片与屏幕左边和下边的距离，当然也可以改成右边和顶部，根据具体需求而定。

/* 最后将z-index设置为-1，使其在其他元素的下面 */
z-index: -1;

这段代码的意思是将图片的堆叠顺序设置为最底下，这样就可以让其他元素覆盖在它上面了。

使用这种方式可以使页面设计更加有层次感，同时也可以减少代码的数量，让页面加载更快。