在網頁設計中，使用圖片是必不可少的元素，而有時候我們需要讓圖片浮在文字或其他元素的上層，這就需要用到CSS的z-index屬性和position定位屬性。

首先，我們需要將圖片設為絕對定位或固定定位，才能通過z-index屬性來控制其上下層級。我們可以使用以下代碼來設置：

img {
position: absolute;
top: 0;
left: 0;
}

這會將圖片的位置設為頁面左上角。

接下來，我們可以使用z-index屬性將圖片的層級提高：

img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

這個例子中，我們將圖片的z-index屬性設為1。在同一頁面中，所有沒有設z-index屬性的元素的層級都是默認的0。因此，有了z-index屬性，圖片的層級會高于其他元素。

需要注意的是，z-index屬性只有在其位置屬性（如position）有意義的情況下才會生效。同時，需要使用整數值來設置z-index，數值越高，層級就越高。

綜上所述，通過position定位屬性和z-index屬性的設置，我們可以實現圖片浮于其他元素的上方，增強了網頁的視覺效果。