CSS 是一種可以讓網頁變得更加美觀和專業的編程語言。在其中使用 CSS 可以包括改變字體、顏色、以及布局等等很多元素。今天我們來學習如何利用 CSS 把圖片移動到最上面。
img { position: absolute; /* 設置圖片的定位方式 */ top: 0; /* 設置圖片的上邊距為 0 */ left: 0; /* 設置圖片的左邊距為 0 */ z-index: 9999; /* 設置圖片的 z 軸深度值為最大,保證圖片能夠蓋住其他所有元素 */ }
如上所示,我們首先要將圖片的 position 屬性設置為 absolute,這表示圖片可以絕對定位在頁面上。然后將圖片的上邊距和左邊距都設置為 0,這樣圖片就會緊貼著頁面的最上角和最左側。最后設置圖片的 z-index 屬性為最大值,這樣圖片的 z 軸深度值就會大于其他所有元素,確保圖片能夠蓋住其他所有元素。