CSS是一種用于網頁設計的編程語言，可以控制網頁的樣式和布局。其中一個非常常用的功能就是通過CSS來控制圖片的顯示方式。下面介紹兩層圖片應用栗子。

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

上面這段代碼是用來設置兩層圖片的基本樣式的，.parent指的是外層元素，通過設置position: relative;來讓子元素.position: absolute;設置相對于外層元素的絕對位置，設置top: 0;和left: 0;來讓子元素覆蓋外層元素。

接下來是HTML代碼：

<div class="parent">
<img src="first-image.jpg">
<img src="second-image.jpg" class="child">
</div>

在HTML代碼中，我們將兩個圖片放在一個div容器內，并設置第二個圖片的class為child，這樣它就成為了外層元素的子元素，可以通過設置絕對位置來覆蓋第一個圖片了。

通過這種方法，我們可以實現很多有趣的效果，比如將二維碼掃描框放在一張背景圖上，或者將一個圖案作為背景圖，并在上面放置其他元素等等。