在CSS中,您可以通過使用相對定位或***定位來讓圖片在底層,相對定位是相對于其正常位置進(jìn)行定位,而***定位則是相對于瀏覽器窗口進(jìn)行定位。
讓我們來看看如何使用相對定位來讓圖片在底層,您可以通過設(shè)置元素的position屬性為relative,然后調(diào)整top、right、bottom和left屬性來移動圖片到所需位置,如果您想將圖片移動到容器的底部,您可以這樣寫:
img { position: relative; bottom: 0; }
我們來看看如何使用***定位來讓圖片在底層,您可以通過設(shè)置元素的position屬性為absolute,然后調(diào)整top、right、bottom和left屬性來移動圖片到所需位置,如果您想將圖片移動到容器的底部,您可以這樣寫:
img { position: absolute; bottom: 0; }
***定位的元素會脫離文檔流,并覆蓋在其后的元素上,在使用***定位時,請確保您的元素不會覆蓋到其他需要顯示的內(nèi)容上。
您還可以使用z-index屬性來控制元素的堆疊順序,z-index值較高的元素會覆蓋在z-index值較低的元素上,如果您想讓圖片在底層,您可以給圖片設(shè)置一個較低的z-index值。
img { z-index: -1; }