在 CSS 中設置背景圖片時，默認情況下該圖片會放置在元素的最上層，遮擋住其他元素，但是有時候我們希望將圖片置于元素的最下層，這就需要使用一些小技巧了。

首先，在 CSS 中設置元素的背景圖片并將其置于最下層，可以使用以下代碼：

.element {
position: relative;
z-index: 1;
background-image: url("image.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.element::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit;
z-index: -1;
}

上述代碼中使用了偽元素 `::before`，并將其定位在元素的正上方，同時使用 `z-index: -1` 將其置于最下層，用以顯示背景圖片。

設置 `background-color: inherit`，是為了讓偽元素和元素使用相同的背景顏色，避免出現視覺上的差異。

最后，推薦一種更簡單的實現方式，只需要在元素的外層包裹一個容器，將圖片作為容器的背景圖片即可，如下代碼：

.container {
background-image: url("image.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.element {
position: relative;
z-index: 1;
}

在這種方式中，由于圖片作為容器的背景圖片，所以在元素中使用 `z-index` 將文本或其他元素置于最上層時，圖片仍然處于最下層。

總之，以上兩種方式均可將元素的背景圖片置于最下層，開發者可以根據實際需求選擇適合自己的方式。