CSS圖片置于底層怎么設(shè)置

在CSS中，可以使用position屬性將圖片置于底層。position屬性有以下幾個值：

static：這是默認值，圖片按照正常的文檔流進行定位。

relative：圖片相對于其正常位置進行定位，可以使用top、right、bottom和left屬性進行微調(diào)。

absolute：圖片相對于***近的已定位祖先元素（而非文檔流）進行定位，可以使用top、right、bottom和left屬性進行微調(diào)。

fixed：圖片相對于瀏覽器窗口進行定位，即使頁面滾動，圖片也會保持在相同的位置。

要將圖片置于底層，可以使用position: absolute;或position: fixed;，并將圖片的z-index屬性設(shè)置為一個較小的值，這樣圖片就會被其他元素覆蓋。

img {
  position: absolute;
  z-index: -1;
}

或者，可以使用position: fixed;將圖片固定在瀏覽器窗口的底層：

img {
  position: fixed;
  bottom: 0;
  z-index: -1;
}

這樣設(shè)置后，圖片就會出現(xiàn)在頁面的底層，并且不會被其他元素遮擋。