CSS（Cascading Style Sheets）是一種用于網頁排版的語言，它可以控制HTML文檔中各個元素的外觀、位置、大小等。其中，圖片上調一層是常用的效果之一。 如果要讓圖片上調一層，我們可以使用CSS的z-index屬性。該屬性可以控制元素的層級，數值越大表示元素越靠前。因此，我們只需將圖片的z-index值設為一個較大的數值即可實現上調一層的效果。 下面是一個示例代碼，展示如何使用z-index屬性來實現圖片上調一層的效果：

p {
position: relative;
}
img {
position: absolute;
z-index: 1;
/* 其它樣式 */
}
.hover {
z-index: 2;
}

上述代碼中，首先將p元素的position屬性設為relative，作為圖片的相對定位容器。接著給img元素設置absolute定位，以方便使用z-index屬性控制層級。初始時，圖片的z-index為1。 假設我們想要讓鼠標懸停在圖片上時，使其上調一層，可以添加如下的CSS代碼： .hover { z-index: 2; } 其中，.hover是一個自定義的類名，我們可以在HTML代碼中使用JavaScript等腳本來控制該類的添加和刪除，以達到鼠標懸停時圖片上調一層的效果。 總之，使用CSS的z-index屬性可以輕松地實現圖片上調一層的效果。如果需要更多的層級控制，也可以使用CSS的多重定位技巧和其他屬性來實現。